Wie macht man die erste Option von <select> mit jQuery ausgewählt

Question

Wie mache ich die erste Option der ausgewählten mit jQuery?

<select id="target">
  <option value="1">...</option>
  <option value="2">...</option>
</select>

Answer 1

$("#target")[0].selectedIndex = 0;

Answer 2

Das hat bei mir funktioniert!

$("#target").prop("selectedIndex", 0);

Answer 3

Ein feiner Punkt, den ich denken Bei den am häufigsten gewählten Antworten habe ich festgestellt, dass sie zwar den ausgewählten Wert korrekt ändern, aber das Element, das der Benutzer sieht, nicht aktualisieren (nur wenn er auf das Widget klickt, sieht er ein Häkchen neben dem aktualisierten Element).

Durch die Verkettung eines .change()-Aufrufs am Ende wird auch das UI-Widget aktualisiert.

$("#target").val($("#target option:first").val()).change();

(Beachten Sie, dass ich dies bei der Verwendung von jQuery Mobile und einer Box auf dem Chrome-Desktop bemerkt habe, so dass dies möglicherweise nicht überall der Fall ist).

Answer 4

Wenn Sie die Optionen deaktiviert haben, können Sie Folgendes hinzufügen nicht([deaktiviert]) um zu verhindern, dass sie ausgewählt werden, was zu Folgendem führt:

$("#target option:not([disabled]):first").attr('selected','selected')

Answer 5

Eine andere Möglichkeit, die Werte (für mehrere ausgewählte Elemente) zurückzusetzen, könnte wie folgt aussehen:

$("selector").each(function(){

    /*Perform any check and validation if needed for each item */

    /*Use "this" to handle the element in javascript or "$(this)" to handle the element with jquery */

    this.selectedIndex=0;

});