Bagaimana untuk Mendapatkan Nilai dan Teks Terpilih daripada Senarai Jatuh Turun dalam JavaScript?

Mendapatkan Nilai Terpilih daripada Senarai Dropdown dalam JavaScript

Mengakses nilai yang dipilih daripada dropdown atau kotak pilih menggunakan JavaScript adalah tugas biasa dalam pembangunan web. Nilai yang dipilih menyediakan maklumat penting untuk memproses borang dan berinteraksi dengan pengguna.

Untuk mendapatkan semula nilai yang dipilih, kami boleh menggunakan sifat nilai unsur. Sifat ini mewakili pilihan yang sedang dipilih oleh pengguna.

Mari kita tunjukkan ini dengan contoh:

<form>
  <select>

var e = document.getElementById("ddlViewBy");
var value = e.value;

Dalam contoh ini, pembolehubah e merujuk kepada

Selain itu, anda juga boleh mendapatkan teks yang dikaitkan dengan pilihan yang dipilih menggunakan:

var text = e.options[e.selectedIndex].text;

Kod ini memperuntukkan kandungan teks pilihan yang dipilih kepada pembolehubah teks.

Interaktif Contoh:

[Contoh](interactive-example-code)

Contoh ini membolehkan anda memilih pilihan daripada menu lungsur dan log kedua-dua nilai dan teks yang dipilih ke konsol untuk rujukan anda.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai dan Teks Terpilih daripada Senarai Jatuh Turun dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript for select using Property console this

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

Artikel sebelumnya：Bagaimanakah Saya Boleh Menyelesaikan Janji untuk Pembacaan Fail Secara Berurutan?Artikel seterusnya：Bagaimanakah Saya Boleh Menyelesaikan Janji untuk Pembacaan Fail Secara Berurutan?

Artikel berkaitan

Lihat lagi

• Analisis mendalam bagi komponen kumpulan senarai Bootstrap
• Penjelasan terperinci tentang fungsi JavaScript kari
• Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)
• Angularjs menyepadukan UI WeChat (weui)
• Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kitaPenafianSitemap

© php.cn All rights reserved