Wie erhalte ich den Wert eines Dropdowns, bevor er sich in jQuery ändert?

Dropdown-Wert vor Änderung ermitteln

In jQuery wird das Änderungsereignis häufig verwendet, um den Wert eines -Elements zu erfassen. Dropdown-Liste, wenn es geändert wird. Dieses Ereignis stellt den Wert jedoch erst bereit, nachdem die Änderung erfolgt ist. Um den Wert des Dropdowns vor der Änderung zu ermitteln, ist ein anderer Ansatz erforderlich.

Eine Lösung besteht darin, den Fokus und die Änderungsereignisse zu kombinieren. Wenn das Dropdown-Menü den Fokus erhält, kann der aktuelle Wert in einer Variablen gespeichert werden. Wenn das Änderungsereignis eintritt, kann dieser gespeicherte Wert verwendet werden, um den Wert vor der Änderung zu ermitteln.

So können Sie diese Lösung implementieren:

(function () { var previous;

$("select").on('focus', function () { // Store the current value on focus and on change previous = this.value; }).change(function() { // Do something with the previous value after the change alert(previous);

// Make sure the previous value is updated previous = this.value; }); })(); In diesem Skript:

Der Fokus-Ereignis-Listener speichert den aktuellen Wert des Dropdowns in der vorherigen Variablen. Der Änderungs-Ereignis-Listener führt eine Aktion aus, die nutzt den vorherigen Wert, um ihn beispielsweise in einem Warnfeld anzuzeigen. Die vorherige Variable wird dann auf den neuen Wert des Dropdown-Menüs aktualisiert. Mit diesem Ansatz können Sie den erfassen Wert des Dropdowns, bevor er sich ändert. Beachten Sie, dass diese Technik auf alle Elemente auf der Seite, die diese Funktionalität erfordern. Wenn außerdem die Option Elemente werden dynamisch eingefügt, die Ereignis-Listener müssen gebunden werden, nachdem die Elemente zum DOM hinzugefügt wurden.

Ein Live-Beispiel dieser Lösung finden Sie unter der folgenden URL: http://jsfiddle.net/x5PKf/ 766.