Wie erhalte ich mit jQuery einen ausgewählten Dropdown-Wert beim Änderungsereignis?

In HTML erstellt das „NodeJS

In den obigen Codezeilen:

  • Der „“-Tag legt die angegebene Inhaltsausrichtung auf die Mitte der Webseite fest.
  • Der „

    “-Tag gibt eine Absatzanweisung an.

  • Der „“-Tag fügt ein Auswahlfeld mit der ID „mySelectbox“ hinzu.
  • In diesem „Select“-Element wird das „“-Tag fügt eine Liste mit Optionen ein.

jQuery-Code

$(Dokument).bereit(Funktion () {

$(„#mySelectbox“).on(„ändern“, function() {

var-Wert = $(this).val();

alert(„Ausgewählter Optionswert: “ + Wert)

});

});

Der obige jQuery-Codeblock:

  • Wenden Sie zunächst die „bereit()“-Methode, um die angegebene Funktion auszuführen, wenn das aktuelle HTML-Dokument im Webbrowser geladen wird.
  • Als nächstes verknüpfen Sie die „ändern“-Ereignis mit dem aufgerufenen Selectbox-Selektor unter Verwendung seiner ID „mySelectbox“, um die angegebene Funktion auszuführen, wenn dieses Ereignis ausgelöst wird.
  • Danach wendet die Variable „value“ in der Funktionsdefinition die Funktion „val()“-Methode, um das ausgewählte Optionsattribut „Wert“ abzurufen.
  • Fügen Sie abschließend ein Warnfeld hinzu, um die Ausgabe der Variablen „Wert“ anzuzeigen.

Ausgabe

Es ist ersichtlich, dass das Warnfeld die ausgewählte Option „Wert“ anzeigt, während das Ereignis „Ändern“ ausgelöst wird, d. h. die Option geändert wird.

Wie erhalte ich mit jQuery ausgewählte Dropdown-Werte und Text-On-Change-Ereignisse?

Neben dem Wert kann der Benutzer auch die „Text()”-Methode, um den Text der ausgewählten Option abzurufen, wenn das Onchnage-Ereignis ausgelöst wird. Sehen wir uns das in der Praxis an.

Notiz: Der HTML-Code ist derselbe wie bei der Methode „val()“.

jQuery-Code

$(Dokument).bereit(Funktion () {

$(„#mySelectbox“).on(„ändern“, function() {

var text = $(this).find(„option:selected“).text();

var-Wert = $(this).val();

alert(„Ausgewählter Wert: “ + Wert + “ Ausgewählter Text: “ + Text)

});

});

Der obige Codeblock:

  • Deklarieren Sie eine Variable „Text“, die die Funktion „finden()”-Methode, um zunächst die Auswahlmöglichkeit über die „Option:ausgewählt”-Parameter und erhalten Sie dann seinen Text mit dem „Text()“ Methode.
  • In der „Alert Box“ werden nun sowohl der Variablenwert „Value“ als auch der Variablenwert „Text“ angezeigt.

Ausgabe

Die obige Ausgabe öffnet ein Warnfeld, das sowohl den Wert als auch den Text der ausgewählten Option aus dem Dropdown-Wert anzeigt, wenn das Ereignis „onchange“ ausgelöst wird.

Abschluss

Um den ausgewählten Dropdown-Optionswert zu erhalten, wenn ein „onchange“-Ereignis ausgelöst wird, verwenden Sie die jQuery-Funktion „val()”-Methode. Diese Methode hilft, den „Wert“ der ausgewählten Option abzurufen, wenn sie angegeben ist, andernfalls gibt sie ihren Text zurück. Darüber hinaus kann der Benutzer den Text der ausgewählten Option auch mit der Methode „text()“ abrufen. In diesem Beitrag wurden alle möglichen Ansätze zum Abrufen des ausgewählten Dropdown-Werts beim Änderungsereignis mit jQuery erläutert.

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen