Ich habe zwei Formen wie diese:
<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>
Jetzt möchte ich Text in einfügen Namen Feld form2 . Ich verwende folgenden jQuery - Code , aber es füllt Namen Feld form1 .
$("#name").val('Hello World!');
Wie wählt man also nur bestimmte Formularelemente aus?
jquery
jquery-selectors
Awan
quelle
quelle
$( '#formId field1Id, #formId field2Id' )
$('#form2 input')
für alle Eingabefelder, oder$('#form2 input').filter('[name=name1], [name=name2]')
#field1Id
und#field2Id
, und ich bin mir nicht sicher, wie sich das mit doppelten IDs verhalten würde.Es ist zwar ein ungültiges HTML, aber Sie können den Selektorkontext verwenden, um Ihren Selektor in Ihrem Fall einzuschränken.
$("input[name='name']" , "#form2").val("Hello World! ");
http://api.jquery.com/jquery/#selector-context
quelle
$('input[name=name]','#form2').val('Hello World!');
intern von jQuery nach übersetzt wird$('#form2').find('input[name=name]').val('Hello World!')
(siehe: jQuery API für Details.)Ich bevorzuge einen ID-Nachkommen-Selektor Ihrer # form2 wie folgt:
$("#form2 #name").val("Hello World!");
http://api.jquery.com/descendant-selector/
quelle
Ich weiß, dass es bei der Frage darum geht, eine Eingabe festzulegen, aber nur für den Fall, dass Sie eine Combobox festlegen möchten (ich suche im Netz danach und habe nichts gefunden, und dieser Ort scheint der richtige Ort zu sein, um andere zu führen).
Wenn Sie ein Formular mit festgelegtem ID-Attribut (z. B. frm1) hatten und eine bestimmte Combobox festlegen möchten, ohne dass eine ID festgelegt wurde, sondern ein Namensattribut festgelegt wurde (z. B. Bezirk); dann benutze
$("#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>
quelle
$("#name", '#form2').val("Hello World")
quelle