jquery 动态添加表单元素

jquery 动态添加表单元素,第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>

直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组,而是类数组的元素集合。所以还需要一步变换,下面是简单代码:

        <body>

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

</body>

<script>

    var oInp = document.getElementsByName('111')

    var aInp = []

    for(var i=0i<oInp.lengthi++){

        aInp.push(oInp[i])

    }

</script>   //这样aInp这个数组里存储的就是所以元素name为111的数组。

这个问题问得很好。

你需要把创建好的form添加到DOM中,经过浏览器渲染后才能响应事件和方法。tmpForm.appendTo(document.body).submit()


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11446016.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存