JQuery实现动态表格点击按钮表格增加一行
功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取
点击删除,自动删除这一行
JQuery中定义一个count变量
varcount=1;
functionadd(){
vartbl=document.all.ci;
varrows=tbl.rows.length;
vartr=tbl.insertRow(rows);
vare_id=tr.insertCell(0);
e_id.innerHTML='<inputtype="text"name="e_id'+count+'"size="7"/>';
varclass_id=tr.insertCell(1);
class_id.innerHTML='';
varmemo=tr.insertCell(2);
memo.innerHTML='<inputtype="text"name="memo'+count+'"size="14"/>';
vardel=tr.insertCell(3);
del.innerHTML='<inputtype="button"onclick="del(this)"value="删除"/>';
count++;
}
functiondel(btn){
vartr=btn.parentElement.parentElement;
vartbl=tr.parentElement;
if(tr.rowIndex>=1){
tbl.deleteRow(tr.rowIndex);
}else{
}
};