jquery 动态添加表单元素

可以在表单中使用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>

js:

function add(){

$("<input name="txt[]" type="text" />").appendTo(pId)

}

count(){

$("inpu [name='txt']").val()

}

html:

<div id = "pId"></div>

<input type="button" value="add" onclick="add"/>

<input type="button" value="count" onclick="count()" />

这里所有的input name都等于txt ,获取值的时候应该是一个数组,不然name就不能一样的。

---