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{
}
};热门推荐
10 感谢韩语老师祝福语简短
11 升职文案高级祝福语简短
12 花童结婚祝福语大全简短
13 向国庆送祝福语简短
14 什么寄语简短祝福语女生
15 客户回礼祝福语大全简短
16 女孩生日祝福语简短创意
17 家长回复节日祝福语简短
18 给外婆敬酒祝福语简短