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
Lepaskan: 2024-12-06 22:45:12
asal
368 orang telah melayarinya

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();
Salin selepas log masuk

Mendapatkan Nilai Terpilih

Jika anda memerlukan nilai pilihan yang dipilih, gunakan:

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

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!

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan