Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengekalkan Nilai Dropdown Pilih Sebelum Tukar dengan jQuery?

Bagaimana untuk Mengekalkan Nilai Dropdown Pilih Sebelum Tukar dengan jQuery?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-17 13:32:02540semak imbas

How to Preserve Select Dropdown Value Before Change with jQuery?

Memelihara Nilai Jatuh Turun Pilih Sebelum Perubahan dengan jQuery

Mencapai ini boleh dilakukan dengan menggabungkan fokus dan acara perubahan dalam jQuery. Begini cara anda boleh melakukannya:

($ => {
  var previous;

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

Dalam kod ini, kami menggunakan acara fokus untuk menyimpan nilai semasa lungsur turun. Apabila lungsur turun diubah (ubah acara), kami boleh mengakses dan memaparkan nilai sebelumnya sebelum perubahan.

Untuk menggunakan fungsi ini pada berbilang kotak pilihan pada halaman yang sama, termasuk yang ditambahkan selepas halaman dimuatkan melalui AJAX , anda boleh menggunakan kod yang dikemas kini berikut:

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

Atas ialah kandungan terperinci Bagaimana untuk Mengekalkan Nilai Dropdown Pilih Sebelum Tukar dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn