2. 程式人生 > >前端動態建立表格並獲取表格的所有內容為陣列

前端動態建立表格並獲取表格的所有內容為陣列

阿新 • • 發佈：2018-12-09
var arr=[]; //添加藥品 $("#btn1").click(function (){ if($("#name").val()=="" ||$("#num").val()=="" || $("#spec").val()=="" ){ alert('添加藥品鈞不能為空！'); return false }else{} var $tr=$("<tr></tr>"); var
$bt=$("<td><a>刪除</a></td>"); var $li1="<td>"+$("#name").val()+"</td>"; var $li2="<td>"+$("#num").val()+"</td>"; var $li3="<td>"+$("#spec").val()+"</td>"; $tr.append($li1,$li2,$li3,$bt); //將獲取的tr 追加到 table中
$('#table1 tbody').append($tr); //獲取 a 連線的屬性 $("a").attr("href","javascript:void(0)"); //刪除 $("a").click(function(){ //定義p1 儲存 td var p1=this.parentNode; //定義p2 儲存 tr var p2=p1.parentNode; //移除 tr
$(p2).remove(); arr=[] }); }); //儲存處方 $("#btn2").click(function(){ for(var m=0;m < ($("tbody").find('tr').length);m++){ var s={ name:$("tbody").find('tr').eq(m).find('td').eq(0).text(), num:$("tbody").find('tr').eq(m).find('td').eq(1).text(), danwei:$("tbody").find('tr').eq(m).find('td').eq(2).text() }; arr[m]=s } if(arr.length<=0){ alert('請先新增產品！') return false } //列印看儲存的產品資訊 console.log(arr); })

相關推薦

前端動態建立表格並獲取表格的所有內容為陣列

var arr=[]; //添加藥品 $("#btn1").click(function (){ if($("#name").val()=="" ||$("#num").val()=="" || $("#spec").val()=="

JS實現動態生成表格並提交表格數據向後端 表格中數據轉為json

入參 blank wid 行編輯 變量 ava 思路 動態 color 原文地址 需求：在web頁面上動態的生成表格，並可以對表格中的數據進行編輯，然後把表格中的數據提交至後端服務器保存。 首先動態生成表格。 1.首先我們需要導入JS庫文件。jQuery 2.然後在頁面di

JS實現動態生成表格並提交表格資料向後端

本文例項介紹了JS實現動態生成表格並向後端提交表格資料的相關程式碼，分享給大家供大家參考，具體內容如下 先來看一下需求：在web頁面上動態的生成表格，並可以對錶格中的資料進行編輯，然後把表格中的資料提交至後端伺服器儲存。 那麼我們首先需要解決的是動態生成表格的問題

前臺JS獲取後臺的Json資料， 動態建立table並填充資料

原文：http://wkf41068.iteye.com/blog/1188302 mark一下，這個月要用的東西。主要是資料格式要好好看一下，之前發資料的時候就出現過資料型別不匹配導致post失敗 <!-- 測試點選“檢視流程記錄 ”時激發的JS -->

java後臺程式碼建立表格並填充相應的內容

       java後臺程式碼建立表格（生成圖片）                                             /**      * 動態建立5行兩列表格，並填充相應的內容      *      * @param       * @

在javascript中用for迴圈動態建立的input獲取其內容的方法

  問題： $("#v_m").click(function(){ var myselect=document.getElementById("v_m"); var index=myselect.selectedIndex ; var option = m

【前端】建立元素並插入到現有文件

// 建立元素 // div var newDiv = document.createElement('div') // 新增類名 newDiv.className = 'hello' // 新增id newDiv.id = 'hello1' // 設定屬性 newDiv.setA

前端演算法之 找出某個陣列中的兩個數之和跟目標值相等，並獲取這兩個數在陣列中的位置

 此函式，規避了陣列中的某個數值被重複使用的問題，譬如說 傳入的陣列為[2,2,3,4,5]目標值是4，得到值不會是[0,0]而是[0,1] var twoSum = function(nums, target) { let ayy = []; for (let i=0

android後臺動態建立圖片並實現微信分享

今天就記錄一下。 先說明一下，之前沒有做過類似的東西，百度了一兩天才知道，說來很慚愧、有點笨，只能這樣說。 在我的腦裡只明白，如果要動態建立圖片： 一、就是new 嘛 二、就是LayoutInflater.from()這種。 而微信分享圖片到朋友圈，這種不可能new text

DF-GUI動態建立按鈕並關聯事件

在官網程式碼基礎上增加，通過委託關聯按鈕處理程式碼： using UnityEngine; using System.Collections; using System.Collections.Generic; [AddComponentMenu( "Daikon Fo

JdbcTemplate 動態建立表並新增資料

之前寫了一個 使用JDBC查詢是否存在某表或檢視，按月動態生成表 ，但是他並不能進行公用，使用時需要每個人都寫自己的處理程式碼，為了方便使用，我寫了一個公共的處理方法，僅供參考。 為了考慮大家專案的整合，獲得JdbcTemplate我採用Spring配置，也為了方便大

angular學習總結十——動態建立元件並實現互動一

ps:看了好多篇動態元件的部落格，坑啊，只是放進去一個靜態元件，並未加上Input，Output appModule import { BrowserModule } from '@angular/platform-browser'; import

使用 JdbcTemplate 動態建立表並新增資料 動態連表查詢

我寫了這樣一個公共方法，僅供參考！ 這裡需要傳遞兩個時間間隔引數，根據時間間隔判斷相差的月數，然後從起始時間開始遞增月份，然後動態拼裝表的名稱，如果存在該表則標記需要查詢 所有的SQL通過 union all 來連線，最後增加分頁的引數，分頁只適合MySQL資料庫 當然這個示例也只是適合於按月份來儲存

linux提取指定列字符並打印所有內容（awk）

sample 文件 amp col $2 表達式 info logs 文件中 假設有文件長如下樣子： CHROM POS ID REF ALT QUAL FILTER INFO FORMAT samplename 1

簡單知識點例項之一：如何將各個單一獲取的資料儲存為陣列物件並將其取出

一、將獲取的值存為陣列或陣列物件 （1）存為陣列（例如所有怪物的id值可以存為陣列） 是以逗號隔開的，建議用到存單個特定值時用（如光存id值時） <!DOCTYPE html> <html lang="en"> <head> <

android獲取簡訊所有內容

public class GetMessageInfo { List<MessageInfo> list; Context context; MessageInfo messageInfo; public GetMessageInfo(Context

[python]獲取網頁中內容為漢字的字符串的判斷

vsr rbo ats art htm acad for swe lin IPerf%E2%80%94%E2%80%94%E7%BD%91%E7%BB%9C%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7%E4%BB%8B%E7%BB%8D%E4%B

在D盤中建立檔案test.txt,檔案中內容為:hello Java,然後利用流把該檔案拷貝到E盤根目錄中

import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream

ajax異步獲取數據後動態向構建表格並添加數據

col str 手機號 this 城市 i+1 src 返回json head 需求，要求根據請求動態獲取數據表格，，表格行數隨數據庫中存數據條數展示 1.html中table中含有tbody <table class="ui nine column tab

前端學習筆記day12 動態建立元素之建立表格 實現動態刪除

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style>