Verwirrt auf jQuery val

Question

Ich war unter dem Eindruck, wenn val verwendet wird automatisch den Wert eines Textfelds im Selektor genannt. Ich habe mehrere Eingabetextfelder und möchten, dass sie alle gesetzt werden mit val:

<input type="text" id="firstName" name="firstName" size="20" class="gotowp-input-text required"> 
<input type="text" id="lastName" name="lastName" size="20" class="gotowp-input-text required"> 
<input type="text" id="email" name="email" size="20" class="gotowp-input-text required email"> 

Ich habe zwei Sätze dieser Eingabetextfelder, und ich versuche, sie beide mit setzen:

jQuery(document).ready(function($){ 
$("#firstName").val("Test"); 
$("#lastName").val("Test2"); 
$("#email").val("test@test.net"); 
}); 

Bitte sehen:

https://jsfiddle.net/bg1pdbw2/

jQuery wird die erste Wählschalter es sieht aber nicht die zweite. Sie haben den gleichen Namen. Danke Jungs!

Answer 1

Sie können IDs nicht erneut verwenden. Sie haben dieselbe ID für dieselbe Eingabe ausgewählt, die nicht zulässig ist.

Stattdessen sollten Sie Ihre Eingaben mit ihrem Namen auswählen:

$('input[name="lastName"]').val('Test2'); 

Arbeitsbeispiel: https://jsfiddle.net/bg1pdbw2/3/

Answer 2

Die Grundregel für IDs, eine eindeutige ID pro Seite zu haben. Verwenden Sie die Klasse statt der ID, damit sie funktioniert.