如何将输入字段动态添加到表单中


How to dynamically add input fields to a form

我目前正在使用资产管理系统。该公司分布在不同的地区。

如果资产项目未在使用中,则此系统可以再次将这些项目返回存储。

我想做的是退货有很多东西。所以我有这样的输入字段:

<td><input type="text" name="asset_id[]"/></td>
<td><input type="text" name="batch_code[]"/></td>
<td><input type="text" name="description[]"/></td>
<td><input type="text" name="status[]"/></td>
// current condition of the item

我不能一次又一次地使用这些字段,我不知道每种特定情况需要多少字段。

如果用户需要,我可以给他/她一个添加输入字段的选项,我该怎么做。

在这里你可以看到这样的东西http://jsfiddle.net/damian_silvera/ATzne/

使用JS/jQuery:

HTML:

   <a href="#" id="plus_row">Add Row</a>

jQuery

$(document).ready(function(){
   $("a#plus_row").click(function(){
     $("table#form_table").append($("table#form_table").find('tr').get(0));
   });
});