Multiple Forms on a Single Page - JQuery

Question

I have multiple forms on a single page with the same named variables within each form.

I need to be able to changed the specific values for one form but not the others.

Ie.

I want to be able to set the value of Var2 for form2, but not the values of Var2 for form1.

Any ideas?

Thanks

karim79 · Accepted Answer · 2010-11-21 11:54:11Z

3

Ideally, give the forms their own IDs and use the Descendant Selector:

$("#form1 input[name=foo]").val("something");

or select it by the order in which it appears in the DOM using eq (as Alxandr points out):

$("form:eq(0) input[name=foo]").val("something"); // select the first form

answered Nov 21, 2010 at 11:54

karim79

343k67 gold badges420 silver badges409 bronze badges

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

2 Comments

Alxandr Over a year ago

Just to mention, this is given that the form1 has the id of form1. You can also change #form1 with form:eq(0) for instance. This will get the first form on the page, however, going with ids is the best way to go about it, because then you can replace the forms later etc.

Andrew Barber Over a year ago

Selecting the forms by their index/order in the page can be rather fragile, though. For instance, if you add/remove any other forms before the ones you are identifying. (say, a search box that is added to the whole site via the header/side bar)

Collectives™ on Stack Overflow

Multiple Forms on a Single Page - JQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related