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

Cara Mengambil Nilai Terpilih daripada Elemen Pelbagai Pilihan

Dalam senario anda, anda mempunyai <select> elemen dengan atribut berbilang dan berusaha untuk mendapatkan nilai yang dipilih menggunakan JavaScript. Walaupun kod yang anda berikan menyelesaikan tugas ini dengan betul, terdapat pendekatan yang lebih ringkas yang tidak memerlukan gelung.

Menggunakan fungsi getSelectValues ​​asli, anda boleh mendapatkan tatasusunan yang mengandungi nilai yang dipilih dengan cekap daripada <select> unsur. Berikut ialah versi ubah suai kod anda yang memanfaatkan fungsi ini:

<code class="javascript">function getSelectValues(select) {
  var result = [];
  var options = select &amp;&amp; select.options;
  var opt;

  for (var i = 0, iLen = options.length; i &lt; iLen; i++) {
    opt = options[i];

    if (opt.selected) {
      result.push(opt.value || opt.text);
    }
  }
  return result;
}

Untuk menggunakan fungsi ini, hanya lalukan <pilih> elemen sebagai hujah:

<code class="html">&lt;select id=&quot;mySelect&quot; multiple&gt;
  &lt;option&gt;Option 1&lt;/option&gt;
  &lt;option value=&quot;value2&quot;&gt;Option 2&lt;/option&gt;
&lt;/select&gt;</code>

<code class="javascript">var selectedValues = getSelectValues(document.getElementById("mySelect"));</code>

Pembolehubah SelectedValues ​​kini akan mengandungi tatasusunan nilai pilihan yang dipilih. Anda kemudiannya boleh melakukan sebarang operasi yang diperlukan pada tatasusunan ini.

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