Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengubah Nilai Pilihan Senarai Drop-Down Secara Pengaturcaraan Menggunakan jQuery?

Bagaimanakah Saya Boleh Mengubah Nilai Pilihan Senarai Drop-Down Secara Pengaturcaraan Menggunakan jQuery?

Patricia Arquette
Lepaskan: 2024-11-27 20:49:12
asal
534 orang telah melayarinya

How Can I Programmatically Change a Drop-Down List's Selected Value Using jQuery?

Menukar Nilai Senarai Drop-Down dengan jQuery

Dalam pembangunan web, selalunya perlu untuk memanipulasi elemen borang secara dinamik menggunakan rangka kerja JavaScript seperti jQuery. Tugas biasa ialah mengemas kini nilai yang dipilih bagi senarai lungsur turun.

Memilih Elemen

Menggunakan pemilih berkuasa jQuery, anda boleh menyasarkan senarai lungsur turun dengan mudah mengikut kelas CSSnya. Dalam kes ini, ia adalah ._statusDDL.

Menetapkan Nilai

Untuk menetapkan nilai senarai juntai bawah, gunakan kaedah .val(). Walau bagaimanapun, tidak seperti JavaScript biasa di mana anda akan menetapkan sifat .value, kaedah .val() jQuery menjangkakan nilai rentetan.

Menyelesaikan Masalah

Pada mulanya, pendekatan .val(2) tidak tidak bekerja untuk anda. Ini kerana kaedah jQuery's.val() tidak melakukan perambatan perubahan yang JavaScript biasa lakukan apabila menetapkan sifat .value secara langsung.

Untuk memastikan perubahan disebarkan dengan betul, tambahkan .change() pada . panggilan kaedah val(), seperti yang dilihat dalam kod berikut:

$("._statusDDL").val('2').change();
Salin selepas log masuk

Gabungan ini berjaya mengemas kini nilai yang dipilih bagi senarai juntai bawah dalam kedua-dua bahagian hadapan dan senario hujung belakang.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Nilai Pilihan Senarai Drop-Down Secara Pengaturcaraan Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan