Heim > Web-Frontend > js-Tutorial > Wie erfasst man den Wert eines ausgewählten Dropdown-Menüs, bevor er sich ändert?

Wie erfasst man den Wert eines ausgewählten Dropdown-Menüs, bevor er sich ändert?

DDD
Freigeben: 2024-11-09 08:21:02
Original
910 Leute haben es durchsucht

How to Capture the Value of a Select Dropdown Before It Changes?

Abrufen des ausgewählten Dropdown-Werts vor der Änderung

Um den Wert eines ausgewählten Dropdown-Menüs zu erfassen, bevor es geändert wird, ist eine Kombination aus „Fokus“ und Es können „Change“-Ereignisse verwendet werden.

Erstellen Sie zunächst einen Abschluss und deklarieren Sie eine „Previous“-Variable, um den Wert der Auswahl vor der Änderung zu speichern.

Als nächstes binden Sie das „Focus“-Ereignis Handler für alle ausgewählten Elemente ('$("select")'). Speichern Sie innerhalb dieses Handlers den aktuellen Wert in der Variablen „vorherige“ im Fokus.

Zuletzt binden Sie den Ereignishandler „Änderung“ an dieselben ausgewählten Elemente. Im Änderungshandler enthält die Variable „vorherige“ nach der Änderung den Wert vor der Änderung. Machen Sie alles Notwendige mit dem vorherigen Wert und aktualisieren Sie dann „vorheriger“ auf den aktuellen Wert.

Ein Beispiel für diesen Ansatz:

(function () {
    var previous;

    $("select").on('focus', function () {
        previous = this.value;
    }).change(function() {
        alert(previous);
        previous = this.value;
    });
})();
Nach dem Login kopieren

Ein funktionierendes Beispiel finden Sie unter: http: //jsfiddle.net/x5PKf/766

Das obige ist der detaillierte Inhalt vonWie erfasst man den Wert eines ausgewählten Dropdown-Menüs, bevor er sich ändert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage