用js动态添加表单

最新推荐文章于 2023-01-11 21:15:42 发布

墨墨萌芽

最新推荐文章于 2023-01-11 21:15:42 发布

阅读量944

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/u014613378/article/details/39720701

版权

在写网站前台时，就曾碰到过想动态添加输入表单。之前是想通过点击保存然后刷新页面，然后用PHP里面的for循环控制个数。将后台掺和进来这显然很低端，后来发现了js里面的一组函数，不需要后台帮助就能进行动态了，瞬间觉得世界都光明了········

HTML代码：

<table class='table' id='memberBox'>
    <tr>
        <td><input type='text' name='member[]' id='member[]' value='' class='form-control'/></td>
        <td><a href='javascript:void();' οnclick='addMember()' class='btn'><i class='icon-plus'></i></a></td> 
    </tr>
</table>

javascript代码：

function addMember()
{
    var tb_member = document.getElementById('memberBox');

    var tr_member = document.createElement("tr");
    var td_member = document.create