我在网页中插入了一个表格,要求按钮触发一次,表格自动增加一行,能不能实现?新手没币,求解答
用js插入就好了
<table border='1'><tbody id='tb'><tr><td>111</td><td>222</td></tr></tbody></table>
<br /><input type="button" onclick="cloneRow()" value="添加新行" />
<script>
function cloneRow() {
var tb = document.getElementById('tb');
var r = tb.rows[0].cloneNode(true);
tb.appendChild(r);
}
</script>
如果使用asp.net实现,则需要用绑定机制,按钮触发的时候给table绑定的数据源增加一条记录,然后重新绑定table。伪代码:
初始绑定:
GridView1.DataSource=GetData();
GridView1.DataBind();
按钮触发时增加给GetData数据源增加记录;
AddItem().
完成后重新绑定。
GridView1.DataSource=GetData();
GridView1.DataBind();
直接用jquery的after
$("#你的表格 last:tr).after($("<tr><td><td>...</tr>"));