JQuery动态表格

功能实现：点击添加按钮，表格增加一行并给其name属性赋予的值，方便获取

点击删除，自动删除这一行

 

JQuery中定义一个count变量

 1 var count = 1;

 2     function add() {

 3         var tbl = document.all.ci;

 4         var rows = tbl.rows.length;

 5         var tr = tbl.insertRow(rows);

 6 

 7         var e_id = tr.insertCell(0);

 8         e_id.innerHTML = '<input type="text" name="e_id' + count + '" size="7"  />';

 9 

10         var class_id = tr.insertCell(1);

11         class_id.innerHTML = '';

12 

13         var memo = tr.insertCell(2);

14         memo.innerHTML = '<input type="text" name="memo' + count + '" size="14" />';

15 

16         var del = tr.insertCell(3);

17         del.innerHTML = '<input type="button" onclick="del(this)" value="删除" />';

18         count++;

19     }

20 

21     function del(btn) {

22         var tr = btn.parentElement.parentElement;

23         var tbl = tr.parentElement;

24         if (tr.rowIndex >= 1) {

25             tbl.deleteRow(tr.rowIndex);

26         } else {

27 

28         }

29     };