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 红包祝福语简短10字
18 周六早晨祝福语简短