jquery 动态添加表单元素_IT百科

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

//添加按钮

//空的表格

</table>

<body><button id="addform"></button></body> $(function(){

$("#addform").click(function(){

var form = $("<form></form>")

var select = $("<select></select>")

var option1 = $("<option>1</option")

var option2 = $("<option>2</option")

var option3 = $("<option>3</option")

select.append(option1)

select.append(option2)

select.append(option3)

var input = $("<input type='text'/>")

form.append(select)

form.append(input)

$("body").append(form)

})

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/bake/11553251.html

jquery 动态添加表单元素

发表评论

评论列表（0条）