用js动态添加表单

在写网站前台时，就曾碰到过想动态添加输入表单。之前是想通过点击保存然后刷新页面，然后用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();' onclick='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.createElement("td");
var input_member = document.createElement("input");

 input_member.setAttribute("type", "text");
input_member.setAttribute("name", "member[]");
input_member.setAttribute("id", "member[]");
input_member.setAttribute("class", "form-control");

td_member.appendChild(input_member);
tr_member.appendChild(td_member);
tb_member.appendChild(tr_member);
}

createElement函数则是HTML创建标签，然后setAttribute则是为标签添加属性并赋上属性值，然后再用appendChild函数确定标签之间的关系