点击按钮,表格自动增加一行的html代码
2014-03-21 16:11
513 查看
最近做到循环添加的功能,希望点击按钮可以自动为table表格增加一行,两种实现方式:
if(name == '添加'){
document.getElementById("opera").value = 'add';
document.form_search.submit();
}else if(name == '继续添加'){
第一种:
var row = document.getElementById("rowToclone");
// find row to copy
var table = document.getElementById("add_table");
// find table to append to
var clone = row.cloneNode(true);
// copy children too
var cc = $("#classify").val();
clone.id = cc;
// change id or other attributes/contents
table.appendChild(clone);
第二种:
var row = $('#add_table tbody>tr:last').clone(true);
$("td input:text",row).val("");
row.insertAfter('#add_table tbody>tr:last');
return false;
}
不过第一种复制的时候会将目标行的数据也一块儿带过来,第二种不会
if(name == '添加'){
document.getElementById("opera").value = 'add';
document.form_search.submit();
}else if(name == '继续添加'){
第一种:
var row = document.getElementById("rowToclone");
// find row to copy
var table = document.getElementById("add_table");
// find table to append to
var clone = row.cloneNode(true);
// copy children too
var cc = $("#classify").val();
clone.id = cc;
// change id or other attributes/contents
table.appendChild(clone);
第二种:
var row = $('#add_table tbody>tr:last').clone(true);
$("td input:text",row).val("");
row.insertAfter('#add_table tbody>tr:last');
return false;
}
不过第一种复制的时候会将目标行的数据也一块儿带过来,第二种不会
相关文章推荐
- JS点击按钮自动增加一行 4000
- JQuery实现动态表格点击按钮表格增加一行
- 点击按钮,表格增加/删除一行
- SpringMVC批量插入,js点击按钮自动增加一行
- JQuery实现动态表格点击按钮表格增加一行
- JSP类似购物车根据后台数据自动生成一行商品,点击按钮实现数量价格自动增加
- [置顶] 点击按钮增加一行表格
- jQuery 点击按钮,表格增加一行。
- 动态表格,通过点击按钮增加或者删除一行表格!
- JS实现点击按钮自动增加一个单元格
- div点击按钮增加一行
- 点击按钮实现表格动态添加或删除一行
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- vue 点击按钮增加一行的方法
- JQ点击按钮动态克隆一行表格以及删除表格
- JS实现点击按钮自动增加一个单元格的方法
- 点击添加,jsp页面表格自动添加一行
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- 在后台 如何实现 按钮点击后 Table能动态增加一行
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中