Adding form inputs in javascript (jquery)

Question

I understand that you do something like:

$('form').append('<input type="text" name="color-1" value="Hello" />');

But I have two questions about it. First off, I don't want it added to the end of the form, but after the last input in the "color" section. Secondly, where "name=color-1", I need the one to increment if they want to add more than one input, you know? So that I can process it on the server.

Any ideas?

As blunt is fig-gnuton is, he's actually right. It won't take you too long. — ehsanul
– ehsanul, Commented Apr 15, 2010 at 4:48

jAndy · Accepted Answer · 2011-09-28 19:54:20Z

2

I guess what you are looking for is the .after() // .insertAfter() function. Let's say you have a DIV with the class "color" within your form, you would do

$('form').find('.color > :input').last().after('<input type="text" name="" value=""/>');

To add more of those input fields, just add a button or anything else which is capable of executing a click event, where you can execute code to insert more inputs.

edited Sep 28, 2011 at 19:54

user142162

answered Apr 15, 2010 at 5:39

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

1 Comment

nikc.org Over a year ago

A slight adjustment to the selector (if I understand the question right) would be $('form').find(':input[name*=color]').last()

Collectives™ on Stack Overflow

Adding form inputs in javascript (jquery)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related