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 好听的元旦简短祝福语