Bagaimana untuk Mendapatkan Nilai Terdahulu Dropdown Pilihan Sebelum Ia Berubah?

Mendapatkan Nilai Dropdown Pilih Sebelum Perubahan

Dalam pembangunan web, selalunya perlu untuk menangkap nilai lungsur turun terpilih sebelum ia berubah. Walau bagaimanapun, pengendali peristiwa 'perubahan' biasa mendapatkan semula nilai selepas perubahan berlaku.

Pertimbangkan coretan HTML berikut:

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

Jika pilihan "Saya" sedang dipilih dan pengguna menukarnya kepada "Timbunan", nilai yang dikembalikan oleh pengendali acara 'ubah' akan menjadi "Timbunan."

Untuk mendapatkan semula nilai sebelumnya sebelum perubahan, penyelesaian bijak boleh digunakan menggunakan gabungan peristiwa 'fokus' dan 'ubah':

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

Apabila pengguna memfokus pada menu lungsur, acara 'fokus' menyala dan menyimpan nilai semasa dalam pembolehubah 'sebelumnya'. Selepas itu, apabila pengguna menukar pemilihan, peristiwa 'perubahan' menyala dan memaklumkan nilai sebelumnya yang disimpan dalam 'sebelumnya.'

Pendekatan ini memastikan bahawa nilai sebelum perubahan tersedia untuk diproses, memberikan fleksibiliti yang lebih besar dalam mengendalikan perubahan lungsur turun pilih dengan berkesan.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Terdahulu Dropdown Pilihan Sebelum Ia Berubah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!