Wie behalte ich den ausgewählten Dropdown-Wert vor der Änderung mit jQuery bei?

Ausgewählten Dropdown-Wert vor Änderung mit jQuery beibehalten

Dies lässt sich erreichen, indem die Fokus- und Änderungsereignisse in jQuery kombiniert werden. So können Sie es machen:

($ => {
  var previous;

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

In diesem Code verwenden wir das Fokusereignis, um den aktuellen Wert des Dropdowns zu speichern. Wenn das Dropdown-Menü geändert wird (Änderungsereignis), können wir auf den vorherigen Wert vor der Änderung zugreifen und ihn anzeigen.

Um diese Funktionalität auf mehrere Auswahlfelder auf derselben Seite anzuwenden, einschließlich derjenigen, die nach dem Laden der Seite über AJAX hinzugefügt wurden , können Sie den folgenden aktualisierten Code verwenden:

$(document).ready(function() {
  $(document).on("focus", "select", function () {
    $(this).data('previous', this.value); 
  }); 

  $(document).on("change", "select", function() {
    const previous = $(this).data('previous'); 
    if (previous) {
      alert(previous); 
      $(this).data('previous', this.value); 
    }
  });
});

Das obige ist der detaillierte Inhalt vonWie behalte ich den ausgewählten Dropdown-Wert vor der Änderung mit jQuery bei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!