How to dynamically add input fields to a form

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.

i tried add fields again and again. finally i felt it was not practical. I searched it in google also. but cannot find any solution. — user1598482
– user1598482, Commented Aug 29, 2012 at 16:18

Damian SIlvera · Accepted Answer · 2012-08-30 00:26:29Z

2

Here you can see something like that http://jsfiddle.net/damian_silvera/ATzne/

answered Aug 30, 2012 at 0:26

Damian SIlvera

8661 gold badge9 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rosmarine Popcorn · Accepted Answer · 2012-08-29 16:30:26Z

0

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

answered Aug 29, 2012 at 16:30

Rosmarine Popcorn

11k11 gold badges62 silver badges90 bronze badges

Collectives™ on Stack Overflow

How to dynamically add input fields to a form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related