So erstellen Sie eine Dropdown -Verwendung mit Onchange in JavaScript
In diesem Blog werden die Methoden diskutiert, mit der Dropdown mit Onchange in JavaScript Dropdown erstellt wurde.
So erstellen Sie eine Dropdown -Verwendung mit Onchange in JavaScript?
Mit Hilfe der folgenden Ansätze können Sie mithilfe von Onchange in JavaScript Dropdown erstellen:
Diese Ansätze werden nacheinander nacheinander erklärt!
Methode 1: Erstellen Sie die Dropdown mit Onchange in JavaScript, indem Sie den ausgewählten Dropdown -Wert aufmerksam machen
Diese Technik kann angewendet werden, um den Benutzer über den ausgewählten Dropdown-Optionswert mit Hilfe einer benutzerdefinierten Funktion zu alarmieren.
Das folgende Beispiel erklärt das angegebene Konzept.
Beispiel Wählen Sie eine Programmiersprache aus der angegebenen Liste aus: Geben Sie als nächstes die “an"”Tag zur Auswahl der bestimmten Option aus der Dropdown -Liste. Darüber hinaus geben Sie die “einbezogenbei ÄnderungEreignis und rufen Sie die angegebene Funktion durch, indem Sie das Schlüsselwort übergeben “Das"Dazu zusammen mit der Option"Wert”Der Dropdown. Fügen Sie außerdem die folgenden Optionen mit den angegebenen Werten in die “ein" Schild: Letztendlich definieren Sie eine Funktion namens “OnCangeDropdown ()”Und passierte die“WertAls Argumentation. In der Funktionsdefinition wird der ausgewählte Wert im Alarmfeld angezeigt :: Ausgang Methode 2: Erstellen Sie Dropdown mithilfe von Onchange in JavaScript mithilfe von Dokument.GetElementById () -Methode Der "dokumentieren.GetElementById ()Die Methode wird verwendet, um das Element abzurufen, das der angegebenen ID entspricht. Diese Methode kann implementiert werden, um die ausgewählte Option in der Dropdown -Stelle zu erhalten und den entsprechenden Wert gegen sie anzuzeigen. Syntax Hier, "Ausweis”Bezieht sich auf die ID des Elements, das abgerufen werden muss. Überblick über das folgende Beispiel. Beispiel Wählen Sie eine Programmiersprache aus der angegebenen Liste aus: Der ""Tag hier repräsentiert das Dropdown -Menü mit einer ID und dem zugehörigen"bei ÄnderungEreignisumleitungen zur angegebenen Funktion. Fügen Sie dann die erforderlichen Optionen darin hinzu: Hier folgen Sie Folgendes “Ausweis”Zum Absatz. Sobald die Option ausgewählt wird, wird in diesem Abschnitt eine bestimmte Nachricht zusammen mit der ausgewählten Option angezeigt: Abschließend eine Funktion namens "deklarieren"OnCangeDropdown ()”. Abrufen Sie hier das Select -Tag basierend auf seiner „ID“ aus und zeigen Sie den entsprechenden Wert an der ausgewählten Option aus der Dropdown. Benachrichtigen Sie im nächsten Schritt den Benutzer über die ausgewählte Option, indem Sie das hinzugefügte Absatzelement abrufen und die folgende Nachricht zusammen mit der Option schreiben: Ausgang Wir haben kreative Methoden implementiert, um Dropdowns mit Onchange in JavaScript zu erstellen. Abschluss Um die Dropdown mithilfe von OnChange in JavaScript zu erstellen, zeigen Sie den ausgewählten Dropdown -Wert mithilfe eines Alarm -Felds an oder wenden Sie die “andokumentieren.GetElementById ()" Methode. Der erstere Ansatz kann verwendet werden, um den Benutzer über den ausgewählten Dropdown-Optionswert mithilfe einer benutzerdefinierten Funktion zu informieren. Die letztere Implementierung holt die ausgewählte Option aus der Dropdown mit seiner ID ab und zeigt sie an. Diese Beschreibung hat die Methoden gezeigt, um Dropdowns mit Onchange in JavaScript zu erstellen.
Geben Sie zunächst die folgende Überschrift in die “ein
Alarm (Wert);
Geben Sie zunächst die folgende Überschrift an, wie in der vorherigen Methode erörtert:
var x = Dokument.GetElementById ("Liste").Wert;
dokumentieren.GetElementById ("Para").Innerhtml = "Die aktualisierte Auswahl lautet:" + x;