Bagaimanakah Saya Boleh Mengubah Nilai Terpilih Senarai Jatuh Bawah Menggunakan jQuery?

Menukar Nilai Terpilih Senarai Jatuh Bawah dengan jQuery

Apabila berurusan dengan senarai juntai bawah, adalah perkara biasa untuk menetapkan nilai pilihannya. Tugas ini agak mudah dalam JavaScript vanila, tetapi jQuery menawarkan pendekatan yang lebih ringkas dan mudah.

Menggunakan Kaedah .val() jQuery

kaedah .val() jQuery boleh mendapatkan dan menetapkan kedua-duanya nilai senarai juntai bawah. Untuk memilih pilihan berdasarkan nilainya yang diketahui, gunakan sintaks berikut:

$("._statusDDL").val('2');

Kod ini menetapkan nilai senarai juntai bawah dengan kelas "._statusDDL" kepada '2', yang sepadan dengan pilihan khusus dalam senarai.

Mengendalikan Ralat dalam Internet Explorer 6

Dalam beberapa kes, terutamanya dalam Internet Explorer 6, anda mungkin menghadapi ralat "Tidak dapat menetapkan sifat yang dipilih. Indeks Tidak Sah." apabila menggunakan .val() untuk menetapkan pilihan yang dipilih. Ini berkemungkinan besar disebabkan oleh isu pemaparan tak segerak.

Untuk menyelesaikan masalah ini, pastikan jQuery telah menyelesaikan operasinya sebelum cuba menukar nilai yang dipilih. Ini boleh dicapai dengan meletakkan panggilan .val() dalam fungsi setTimeout:

setTimeout(function() {
  $("._statusDDL").val('2');
}, 0);

Mencetuskan Kemas Kini Frontend dengan .change()

Jika anda ingin melihat pilihan yang dipilih ditunjukkan dalam bahagian hadapan senarai juntai bawah, tambahkan .change() pada panggilan .val():

$("._statusDDL").val('2').change();

Ini mencetuskan peristiwa perubahan pada senarai lungsur, mengemas kini pilihan yang dipilih dalam antara muka pengguna senarai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Nilai Terpilih Senarai Jatuh Bawah Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!