Bagaimanakah Saya Boleh Memilih Nilai Tertentu dalam Senarai Dropdown Menggunakan jQuery?

Memilih Nilai Tertentu dalam Senarai Drop-Down dengan jQuery

Anda menghadapi isu menetapkan nilai drop-down senarai menggunakan jQuery. Walaupun contoh JavaScript anda menggunakan document.getElementById() dan .value berfungsi, anda perlu menggunakan jQuery kerana kekangan pemilih berasaskan kelas.

Kaedah .val() jQuery untuk Senarai Drop-Down

kaedah .val() jQuery mempunyai pelbagai tujuan. Seperti dalam dokumentasi, ia mengambil semula dan memberikan nilai kepada elemen. Dalam kes senarai juntai bawah, ia menyemak atau memilih pilihan berdasarkan nilai yang disediakan.

Penyelesaian:

Untuk memilih nilai tertentu dalam senarai lungsur turun , anda boleh menggunakan .val() seperti berikut:

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

Ini akan memberikan nilai '2' kepada senarai juntai bawah. Walau bagaimanapun, untuk mencerminkan perubahan secara visual di bahagian hadapan, anda boleh menambah .change() selepas .val():

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

Mengatasi Ralat "Indeks Tidak Sah"

Selepas melaraskan kod anda seperti yang dicadangkan, anda mengalami ralat "Indeks Tidak Sah". Ini mungkin disebabkan Internet Explorer 6 digunakan. Nota dokumentasi jQuery:

Dalam IE6/7, pilih satu tidak boleh ditukar menggunakan awalan "i" untuk dokumen HTML 4 atau jenis kandungan yang diisytiharkan sebagai teks/html.

Untuk menyelesaikan isu ini , pastikan dokumen anda diisytiharkan sebagai XHTML dan anda menggunakan awalan yang sesuai. Selain itu, anda boleh cuba menggunakan .prop('selectedIndex', 2) atau .prop('value', '2') untuk menetapkan indeks atau nilai yang dipilih, masing-masing.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Nilai Tertentu dalam Senarai Dropdown Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!