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

Question

I'm currently working with Asset Management system. The company is spread through out different locations.

This system can return asset items to store again if these items are not in use.

What I want to do is return the item there are lots of items. So I have input fields like this:

<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

I can't use these fields again and again, I don't know how many fields are required for each particular situation.

If I can give an option to the user to add input fields if he/she needs, how do I do this.

Answer 1

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

Answer 2

Using JS/jQuery propably :

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));
   });
});