So wählen Sie Onchange in JavaScript aus

JavaScript bietet eine Vielzahl von integrierten Funktionen, um die Zeit und Aufwand von Entwicklern zu minimieren. JavaScript interagiert mit den HTML -Elementen, um einen interaktiven Look für Websites zu machen. Es ist möglich durch ein Onchange -Ereignis, das ausgelöst wird, wenn der Benutzer die ausgewählte Option über ändert Element. Dieser Beitrag erklärt die Auswahl von bei Änderung Ereignisse sowie ein praktisches Beispiel in JavaScript. Der Inhalt, der diesen Beitrag demonstriert, lautet wie folgt.

So wählen Sie Onchange in JavaScript aus?

Das Onchange -Ereignis tritt auf, wenn der Elementwert geändert wird. Es wird speziell in Kontrollkästchen zur Formularvalidierung verwendet. Zum Beispiel wird eine Dropdown-Liste verwendet, die unterschiedliche Optionen hat. Das OnChange -Ereignis wird aufgerufen, wenn der Benutzer eine Option auswählt. Alle modernen Browser sind mit dieser Veranstaltung kompatibel.

Es wird ein Beispiel bereitgestellt, um einen Wert mit dem OnChange -Ereignis auszuwählen. Es ist in HTML- und JavaScript -Dateien unterteilt. Dieser Beispielcode ist unten bereitgestellt:

HTML Quelltext

Ein Beispiel zur Auswahl des Onchange -Werts

Bildungsniveau auswählen:

Schule
Hochschule
Universität

Die Beschreibung des Codes ist hier aufgeführt:

• Zunächst wird eine Dropdown -Liste erstellt, indem die ID zugewiesen wird "Ausbildung" innerhalb Stichworte
• In dieser Liste werden verschiedene Optionen als bereitgestellt als "Schule" Und "Universität" im Namen des Onchange -Events.
• Das Onchange -Ereignis wird aufgerufen, wenn eine der zuvor genannten Optionen ausgewählt wird.
• Zuletzt die Tag wird verwendet, um die JavaScript -Datei anzuhängen “JS”.

Der "prüfen.JSDie Datei enthält den folgenden Code:

JavaScript -Code

Funktion getSelectedTextValue (Bildung)
var sletex = Bildung.Optionen [Bildung.SelectedIndex].Innerhtml;
var selval = Bildung.Wert;
alert ("ausgewählter Text:" + Sletex + "Wert:" + selval);

Die Beschreibung des Code ist unten angegeben:

• Der GetSelectedTextValue () Methode wird verwendet, indem das übergeben wird "Ausbildung" als Argument.
• A "Sletex" Variable wird verwendet, um den Wert von zu extrahieren Ausbildung von dem Html
• Danach, "Selval" Variable wird verwendet, um den Wert der Bildung abzurufen.
• Am Ende wird ein Alarmfeld erzeugt, das den Text extrahiert und Wert durch "Sletex" Und "Selval".

Ausgang

Die Ausgabe zeigt die Dropdown -Liste von "Schule", "Hochschule" Und "Universität" Optionen. Das Onchange -Ereignis wird aufgerufen, wenn die spezifische Option ausgewählt ist. Schließlich wird der Wert des ausgewählten Textes im Popup-Fenster angezeigt.

Abschluss

JavaScript hat eine integrierte Veranstaltung bei Änderung Dies geschieht, wenn der Wert eines Elements vom Benutzer ausgewählt wird. Zu diesem Zweck wird eine Dropdown -Liste erstellt, um einen Wert im Namen des Onchange -Ereignisses auszuwählen.

Bei der Auswahl einer Option ist es nützlich, eine Cross-Check-Einrichtung bereitzustellen. In diesem Beitrag haben Sie erlebt, wie Sie Text und Wert ausgewählt haben.