Wie erhalte ich den vorherigen Wert eines ausgewählten Dropdown-Menüs, bevor er sich ändert?

Auswahl-Dropdown-Wert vor Änderung abrufen

In der Webentwicklung ist es oft notwendig, den Wert eines ausgewählten Dropdown-Menüs zu erfassen, bevor er sich ändert. Der typische „Änderungs“-Ereignishandler ruft jedoch den Wert ab, nachdem die Änderung erfolgt.

Beachten Sie den folgenden HTML-Ausschnitt:

<select name="test">
  <option value="stack">Stack</option>
  <option value="overflow">Overflow</option>
  <option value="my">My</option>
  <option value="question">Question</option>
</select>

Wenn die Option „Mein“ derzeit ausgewählt ist und die Wenn der Benutzer ihn in „Stack“ ändert, lautet der vom „Change“-Ereignishandler zurückgegebene Wert „Stack“.

Um den vorherigen Wert vor der Änderung abzurufen, Eine clevere Lösung kann mithilfe einer Kombination der Ereignisse „Fokus“ und „Änderung“ verwendet werden:

(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;
  });
})();

Wenn der Benutzer sich auf das Dropdown-Menü konzentriert, wird das Ereignis „Fokus“ ausgelöst und der aktuelle Wert im gespeichert 'vorherige' Variable. Wenn der Benutzer anschließend die Auswahl ändert, wird das Ereignis „Änderung“ ausgelöst und der in „Vorherige“ gespeicherte vorherige Wert wird gemeldet.

Dieser Ansatz stellt sicher, dass der Wert vor der Änderung sofort für die Verarbeitung verfügbar ist, was eine größere Flexibilität bietet bei der effektiven Handhabung ausgewählter Dropdown-Änderungen.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den vorherigen 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!