Bagaimana untuk Mengambil Pilihan Terpilih dengan Amanah daripada Dropdown Menggunakan jQuery?

Mendapatkan Pilihan Terpilih daripada Dropdown Menggunakan jQuery

Apabila bekerja dengan menu lungsur, adalah penting untuk mendapatkan semula pilihan yang dipilih dengan tepat. Walaupun $("#id").val() biasanya digunakan untuk tujuan ini, ia mungkin mengembalikan hasil yang tidak dijangka dalam senario tertentu.

Isu:

Dalam kes tertentu, menggunakan $("#id").val() mungkin tidak mengembalikan nilai pilihan yang dipilih, terutamanya apabila lungsur turun mempunyai atribut id ditugaskan. Mari kita pertimbangkan contoh kod HTML berikut:

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

Dalam senario ini, menggunakan $('#aioConceptName').val() akan mengembalikan rentetan kosong.

Penyelesaian:

Untuk mendapatkan semula pilihan yang dipilih daripada menu lungsur dengan tepat, kita perlu menggunakan pendekatan yang sedikit berbeza. Bergantung pada keperluan kami, kami boleh mendapatkan sama ada teks atau nilai yang dipilih.

Mendapatkan semula Teks Terpilih:

Untuk mendapatkan teks pilihan yang dipilih, kami boleh menggunakan kod berikut:

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

Mendapatkan Dipilih Nilai:

Untuk mendapatkan nilai pilihan yang dipilih, kami menggunakan kod yang sedikit berbeza:

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

Sebab val() tidak berfungsi dalam senario ini ialah bahawa mengklik pilihan tidak mengubah nilai lungsur turun itu sendiri. Sebaliknya, ia menambahkan sifat :selected pada pilihan yang dipilih, yang merupakan elemen anak lungsur turun. Oleh itu, kita perlu menggunakan find(":selected") untuk memilih pilihan khusus dan mendapatkan semula teks atau nilainya dengan sewajarnya.

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