jquery 动态添加表单元素

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

第1个回答  2011-10-13
可以在表单中使用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>
相似回答
大家正在搜