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{
}
};热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下