How to select specific form element in jQuery

Question

I have two form like this    lt form id  form1  name  form1  gt     lt input name  name  id  name  gt     lt input name  name2  id  name2  gt   lt  form gt    lt form id  form2  name  form2  gt     lt input name  name  id  name  gt     lt input name  name2  id  name2  gt   lt  form gt    Now I want to insert text in name field of form2  I am using following jQuery code but it fill name field of form1       name   val  Hello World       So how to select specific form elements only

User · Answer

name     form2   val  Hello World

User · Answer

I prefer an id descendant selector of your  form2  like this        form2  name   val  Hello World       http   api jquery com descendant-selector

User · Answer

although it is  invalid html but you can use selector context to limit your selector  in your case it would be like         input name  name        form2   val  Hello World        http   api jquery com jquery  selector-context

User · Answer

It isn t valid to have the same ID twice  that s why  name only finds the first one   You can try       form2 input   val  Hello World       Or       form2 input name name    val  Hello World       If you re stuck with an invalid page and want to select all  names  you can use the attribute selector on the id      input id name    val  Hello World

User · Answer

I know the question is about setting a input but just in case if you want to set a combobox then  I search net for it and didn t find anything and this place seems a right place to guide others   If you had a form with ID attribute set  e g  frm1  and  you wanted to set a specific specific combobox  with no ID set but name attribute set  e g  district   then use    x000D   x000D      frm1 select name  district   option value  NWFP     attr  selected   true   x000D   lt script src  https   ajax googleapis com ajax libs jquery 3 2 1 jquery min js  gt  lt  script gt  x000D       lt form id  frm1  gt  x000D           lt select name  district  gt  x000D               lt option value    disabled    selected    hidden    gt Area     lt  option gt  x000D               lt option value  NWFP  gt NWFP lt  option gt  x000D               lt option value  FATA  gt FATA lt  option gt  x000D           lt  select gt  x000D       lt  form gt  x000D   x000D   x000D

[jquery] How to select specific form element in jQuery?

Examples related to jquery

Examples related to jquery-selectors