Ausgewählte Option in jQuery festlegen

Der heutige Beitrag wird das Festlegen des Standardwerts von select in jQuery lehren.

Ausgewählte Option in jQuery festlegen

Diese Methode wird normalerweise verwendet, um Formularfeldwerte festzulegen. Es legt den Wert jedes Elements in der Menge übereinstimmender Elemente fest.

Eine Textzeichenfolge, eine Zahl oder ein Array von Zeichenfolgen, die dem Wert jedes übereinstimmenden Elements entsprechen, das als ausgewählt/geprüft gekennzeichnet werden soll. val() ermöglicht es Benutzern, ein Array von Elementwerten zu übergeben.

Es ist nützlich, wenn Sie an einem jQuery-Objekt arbeiten, das Elemente wie <input type="checkbox">, <input type="radio"> und <option> innerhalb von <select> enthält.

In diesem Fall werden Einträge und Optionen mit einem Wert, der mit einem der Array-Elemente übereinstimmt, aktiviert oder ausgewählt, während diejenigen, deren Wert mit keinem der Array-Elemente übereinstimmt, aktiviert oder deaktiviert werden.

Im Fall von <input type="radio">, das Teil einer Radiogruppe ist, und <select> wird ein zuvor ausgewähltes Element deselektiert. Das Festlegen von Werten mit dieser Methode führt nicht zum Auslösen des Änderungsereignisses.

Aus diesem Grund werden die entsprechenden Eventhandler nicht ausgeführt. Sie müssen nach dem Setzen des Werts call.trigger("change") ausführen, wenn Sie sie ausführen möchten.

Mit der Methode .val() können Sie den Wert durch Übergabe einer Funktion setzen. Ab jQuery 1.4 werden der Funktion zwei Argumente übergeben: der Index des aktuellen Elements und sein aktueller Wert.

Weitere Informationen finden Sie in dieser Dokumentation.

Lassen Sie es uns anhand des folgenden Beispiels verstehen.

<select id="city">
  <option value="mumbai">Mumbai</option>
  <option value="goa">Goa</option>
  <option value="delhi">Delhi</option>
</select>

$(function() {
  $('#city').val('goa');
});

Im obigen Beispiel haben wir mit select ein city-Dropdown definiert. Der Standardwert für das Städte-Dropdown ist goa.

Führen Sie das obige Code-Snippet in jedem Browser aus, der jQuery unterstützt; es wird das folgende Ergebnis zeigen.

Ausgang: