Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mendapatkan Teks dan Nilai Pilihan Terpilih daripada Dropdown menggunakan jQuery?

Bagaimana untuk Mendapatkan Teks dan Nilai Pilihan Terpilih daripada Dropdown menggunakan jQuery?

DDD
DDDasal
2024-12-06 22:45:12412semak imbas

How to Retrieve the Selected Option's Text and Value from a Dropdown using jQuery?

jQuery: Mendapatkan semula Pilihan Terpilih daripada Dropdown

Apabila bekerja dengan elemen dropdown, mendapatkan pilihan yang dipilih kadangkala memerlukan pendekatan yang berbeza daripada biasanya digunakan untuk unsur bentuk lain. Ini kerana memilih pilihan daripada dropdown tidak mengubah suai nilai dropdown secara langsung. Sebaliknya, pilihan yang dipilih dikenal pasti oleh sifat ':selected'.

Untuk tujuan ini, jQuery menawarkan penyelesaian yang mudah:

Mendapatkan semula Teks Terpilih

Untuk mendapatkan semula teks pilihan yang dipilih, gunakan:

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

Mendapatkan Nilai Terpilih

Jika anda memerlukan nilai pilihan yang dipilih, gunakan:

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

Sebab mengapa val() mungkin tidak berfungsi dalam konteks ini adalah kerana mengklik pilihan dalam menu lungsur mengubah suai sifat :selected pilihan dan bukannya lungsur turun. nilai. Oleh itu, mendekatinya secara langsung dengan val() mungkin tidak menghasilkan hasil yang diingini.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Teks dan Nilai Pilihan Terpilih daripada Dropdown menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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