jQuery में विशिष्ट फॉर्म तत्व का चयन कैसे करें?

Question

मैं इस तरह दो रूप होते हैं:

<form id='form1' name='form1'> 
    <input name='name' id='name'> 
    <input name='name2' id='name2'> 
</form> 

<form id='form2' name='form2'> 
    <input name='name' id='name'> 
    <input name='name2' id='name2'> 
</form> 

अब मैं नाम Form2 की क्षेत्र में पाठ सम्मिलित करना चाहते हैं। मैं following jQuery code का उपयोग कर रहा हूं लेकिन यह नामफ़ील्ड 1 भर गया है।

$("#name").val('Hello World!'); 

तो केवल विशिष्ट फॉर्म तत्वों का चयन कैसे करें?

Answer 1

यह एक ही आईडी को दो बार वैध करने के लिए मान्य नहीं है, इसलिए #name केवल पहला ही पाता है।

आप कोशिश कर सकते हैं:

$("#form2 input").val('Hello World!'); 

या,

$("#form2 input[name=name]").val('Hello World!'); 

आप एक अमान्य पृष्ठ के साथ फंस और सभी #name रों चयन करना चाहते हैं कर रहे हैं, उसकी पहचान पर विशेषता का भी उपयोग करेंगे :

$("input[id=name]").val('Hello World!'); 

Answer 2

हालांकि यह अवैध एचटीएमएल है, लेकिन आप अपने sel सीमित करने के लिए चयनकर्ता संदर्भ का उपयोग कर सकते Ector आपके मामले में यह होगा की तरह:

$("input[name='name']" , "#form2").val("Hello World! ");

http://api.jquery.com/jquery/#selector-context

Answer 3

$("#name", '#form2').val("Hello World") 

Answer 4

मैं अपने # Form2 की एक आईडी वंशज चयनकर्ता पसंद करते हैं, इस तरह:

$("#form2 #name").val("Hello World!"); 

http://api.jquery.com/descendant-selector/

Answer 5

मुझे पता है कि सवाल इनपुट स्थापित करने के बारे में है, लेकिन अगर आप एक कंबोबॉक्स सेट करना चाहते हैं तो (मैं इसके लिए नेट खोजता हूं और कुछ भी नहीं मिला और यह जगह दूसरों को मार्गदर्शन करने के लिए एक सही जगह प्रतीत होती है)

यदि आपके पास आईडी विशेषता सेट के साथ एक फॉर्म था (उदाहरण के लिए frm1) और आप एक विशिष्ट विशिष्ट combobox सेट करना चाहते थे, बिना आईडी सेट के लेकिन नाम विशेषता सेट (उदा। जिला); तो का उपयोग

$("#frm1 select[name='district'] option[value='NWFP']").attr('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <form id="frm1"> 
 
     <select name="district"> 
 
      <option value="" disabled="" selected="" hidden="">Area ...</option> 
 
      <option value="NWFP">NWFP</option> 
 
      <option value="FATA">FATA</option> 
 
     </select> 
 
    </form>