Bagaimana untuk Mengambil Pilihan Terpilih dengan Betul dari Dropdown menggunakan jQuery?

Mendapatkan Pilihan Terpilih daripada Dropdown dengan jQuery

Apabila cuba untuk mendapatkan semula pilihan yang dipilih daripada senarai lungsur menggunakan jQuery's $( "#id").val() kaedah, anda mungkin menghadapi senario di mana ia gagal. Satu kes sedemikian timbul apabila pilihan yang dipilih mempunyai ID selain daripada menu lungsur itu sendiri.

Pertimbangkan kod HTML berikut:

<label for="name">Name</label>
<input type="text" name="name">

Dalam contoh ini, pilihan yang dipilih mempunyai ID "aioConceptName ." Menggunakan $("#aioConceptName").val() tidak akan mengembalikan nilai pilihan yang dipilih kerana ia berkaitan secara khusus dengan elemen lungsur turun itu sendiri.

Untuk mendapatkan semula pilihan yang dipilih dengan betul, anda boleh menggunakan pendekatan berikut :

Untuk Teks Pilihan:

var conceptName = $('#aioConceptName').find(":selected").text();

Barisan kod ini mendapatkan semula kandungan teks pilihan yang dipilih.

Untuk Nilai Terpilih:

var conceptName = $('#aioConceptName').find(":selected").val();

Barisan kod ini mendapatkan semula atribut nilai bagi pilihan yang dipilih.

Sebab mengapa $("#id").val() gagal dalam senario ini ialah mengklik pada pilihan tidak mengubah nilai dropdown itu sendiri. Sebaliknya, ia hanya menambahkan sifat :selected pada pilihan yang dipilih, yang merupakan elemen anak lungsur turun.

Atas ialah kandungan terperinci Bagaimana untuk Mengambil Pilihan Terpilih dengan Betul dari Dropdown menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!