Wie erhalte ich den Wert eines ausgewählten Elements, bevor er sich in JavaScript ändert?

Abrufen des Werts eines ausgewählten Elements vor der Änderung

JavaScript stellt verschiedene Ereignis-Listener bereit, mit denen Entwickler auf Benutzerinteraktionen reagieren können. Ein häufiges Bedürfnis ist die Möglichkeit, den Wert eines -Werts abzurufen. (Dropdown-)Element, bevor es sich ändert. Diese Technik ist besonders nützlich, wenn Sie mit mehreren Dropdowns auf einer einzelnen Seite arbeiten, wo Sie möglicherweise den vorherigen Wert zum Vergleich beibehalten müssen.

Um dies zu erreichen, können wir eine Kombination aus Fokus- und Änderungsereignissen verwenden. Das folgende Code-Snippet zeigt, wie:

(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
    console.log(previous);

    // Update the previous value with the new selection
    previous = this.value;
  });
})();

Dieser Code verwendet eine anonyme selbstausführende Funktion, um eine Verschmutzung des globalen Namespace zu vermeiden. Es fügt einen Ereignis-Listener an alle

Elemente auf der Seite. Beim Fokussieren auf ein Dropdown-Menü wird der aktuelle Wert gespeichert. Wenn die Auswahl geändert wird, wird der vorherige Wert protokolliert und mit der neuen Auswahl aktualisiert.

Dieser Ansatz ermöglicht es Ihnen, mit mehreren Dropdowns auf derselben Seite zu arbeiten und ihre vorherigen Werte vor jeder Änderung abzurufen. Sie können diesen Code in Ihr Projekt integrieren, um die Benutzererfahrung zu verbessern und erweiterte Funktionen mit Dropdown-Eingaben zu ermöglichen.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Wert eines ausgewählten Elements, bevor er sich in JavaScript ändert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!