如何动态地向表单添加输入字段

时间:2012-08-29 16:13:28

标签: php javascript jquery html

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

如果这些项目未被使用,此系统可以将资产项目再次存储。

我想要做的是返回项目有很多项目。所以我有这样的输入字段:

<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

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

如果我可以为用户提供一个选项,以便在需要时添加输入字段,我该怎么做。

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

可以使用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));
   });
});