Holen Sie sich den Wert von Select OnChange in jQuery

Im heutigen Beitrag erfahren Sie, wie Sie die geänderten Werte von select in jQuery erhalten.

OnChange in jQuery

jQuery bietet eine change-Methode, die entweder einen Event-Handler an das JavaScript-Change-Event bindet oder dieses Event auf einem Element auslöst.

Syntax:

.change(handler)

Ein handler ist eine Funktion, die ausgeführt werden muss, wenn das change-Ereignis ausgelöst wird. Das Event change wird an ein Element gesendet, sobald sich der Wert eines Elements ändert.

Dieses Ereignis ist auf Eingabeelemente, Textfeldfelder und Auswahlelemente beschränkt.

Bei Kontrollkästchen und Optionsfeldern wird das Ereignis sofort ausgelöst, wenn der Benutzer eine Mausauswahl trifft, aber bei anderen Elementtypen wird das Ereignis verzögert, bis das Element den Fokus verliert. Weitere Informationen zum onchange finden Sie in dieser Dokumentation.

Lassen Sie es uns anhand des folgenden Beispiels verstehen.

<select>
  <option value="mumbai">Mumbai</option>
  <option value="goa">Goa</option>
</select>

$('select').on('change', function() {
  console.log(this.value);
});

Im obigen Beispiel haben wir die 2 select-Optionen definiert. Der Event-Handler kann an die select-Box gebunden werden.

Wenn der Benutzer eine Option auswählt, erkennt jQuery diese Änderung und die Funktion Ändern wird ausgelöst.

Nachdem ein Ereignis ausgelöst wurde, gibt es den ausgewählten Wert zurück. Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt, und es wird das folgende Ergebnis angezeigt.

Ausgang:

"goa"
"mumbai"

Demo