Bagaimana untuk Mendapatkan Nilai Terpilih daripada Elemen Pelbagai Pilihan dalam JavaScript?

Perolehi Semua Pilihan Terpilih daripada Elemen Pelbagai Pilihan

Dalam bidang pembangunan web, keperluan lazim adalah untuk mendapatkan semula nilai yang dipilih daripada kotak pilihan berbilang menggunakan JavaScript. Untuk menangani keperluan ini, mari kita mendalami penyelesaian yang disediakan.

Satu pendekatan melibatkan lelaran pada pilihan dalam elemen pilih, menyemak sama ada ia dipilih dan mengumpul nilainya ke dalam tatasusunan. Walaupun kaedah ini mudah, ia boleh menyusahkan, terutamanya apabila mengendalikan senarai besar.

Penyelesaian yang lebih elegan, seperti yang dicadangkan dalam jawapan kedua, melibatkan fungsi getSelectValues(). Ia dengan cekap menggelung pilihan, mengumpul nilai yang dipilih, sama ada ia diperoleh daripada atribut nilai pilihan atau kandungan teksnya.

Pertimbangkan contoh yang disediakan:

<code class="html"><select multiple>
  <option>opt 1 text</option>
  <option value="opt 2 value">opt 2 text</option>
</select>

<button onclick="
  var el = document.getElementsByTagName('select')[0];
  alert(getSelectValues(el));
">Show selected values</button></code>

Apabila butang dikunci diklik, fungsi getSelectValues() menangkap nilai pilihan yang dipilih dan memaparkannya dalam dialog amaran. Ini menunjukkan kemudahan dan fleksibiliti kaedah ini.

Sama ada anda memilih untuk lelaran manual atau menggunakan fungsi getSelectValues(), anda mempunyai penyelesaian yang mantap untuk mendapatkan semula nilai yang dipilih daripada kotak pilihan berbilang, yang memberi anda kuasa untuk mengakses dan memanipulasi data dengan berkesan dalam aplikasi web anda.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Terpilih daripada Elemen Pelbagai Pilihan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!