Bagaimana untuk Mendapatkan Nilai Elemen Terpilih Sebelum Ia Berubah dalam JavaScript?

Mendapatkan Nilai Elemen Pilihan Sebelum Perubahan

JavaScript menyediakan pelbagai pendengar acara yang membolehkan pembangun bertindak balas terhadap interaksi pengguna. Satu keperluan biasa ialah keupayaan untuk mendapatkan semula nilai (dropdown) elemen sebelum ia berubah. Teknik ini amat berguna apabila bekerja dengan berbilang lungsur turun pada satu halaman, di mana anda mungkin perlu mengekalkan nilai sebelumnya sebagai perbandingan.

Untuk mencapainya, kami boleh menggunakan gabungan fokus dan menukar acara. Coretan kod berikut menunjukkan cara:

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

Kod ini menggunakan fungsi laksana sendiri tanpa nama untuk mengelakkan pencemaran ruang nama global. Ia melampirkan pendengar acara kepada semua elemen pada halaman. Apabila memfokus pada mana-mana lungsur turun, ia menyimpan nilai semasa. Apabila pilihan ditukar, ia log nilai sebelumnya dan mengemas kininya dengan pilihan baharu.

Pendekatan ini membolehkan anda bekerja dengan berbilang lungsur turun pada halaman yang sama dan mendapatkan semula nilai sebelumnya sebelum setiap perubahan. Anda boleh menyepadukan kod ini ke dalam projek anda untuk meningkatkan pengalaman pengguna dan memudahkan fungsi yang lebih maju yang melibatkan input lungsur turun.

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