Question

jquery 动态添加表单元素

如图所示当点击添加一行是就动态添加多一行表单元素。请问用jquery怎么实现，或者有网站做参考。谢谢网友的回答。。

Answer 1

可以在表单中使用table 然后对table进行动态的添加。
／／监听添加表格行数的阿按扭
$(document).ready(function(){
$("#but").click(function(){
var $table=$("#tab tr");
var len=$table.length;
$("#tab").append("<tr id="+(len+1)+"><td align=\'center\'><img width=\'140\' src=\'images/1.jpg\'></td><td align=\'center\'><a href=\'javascript:void(0)\' onclick=\'deltr("+(len+1)+")\'>删除</a></td></tr& gt;");
})
})

／／删除指定的表格的行
function deltr(index)
{
$table=$("#tab tr");
$("tr[id=\'"+index+"\']").remove();
}

以下写在body中即可

//添加按钮
<input id="but" type="button" value="添加" />

//空的表格
<table class="print_product_img" id="tab" border="1" width="60%" align="center">
</table>