ホームページ > 記事 > ウェブフロントエンド > JavaScript で複数選択要素から選択された値を効率的に取得する方法
シナリオには、
ネイティブの getSelectValues 関数を利用すると、
<code class="javascript">function getSelectValues(select) { var result = []; var options = select && select.options; var opt; for (var i = 0, iLen = options.length; i < iLen; i++) { opt = options[i]; if (opt.selected) { result.push(opt.value || opt.text); } } return result; }</code>
この関数を使用するには、
<code class="html"><select id="mySelect" multiple> <option>Option 1</option> <option value="value2">Option 2</option> </select></code>
<code class="javascript">var selectedValues = getSelectValues(document.getElementById("mySelect"));</code>
selectedValues 変数には、選択したオプション値の配列が含まれるようになります。その後、この配列に対して必要な操作を実行できます。
以上がJavaScript で複数選択要素から選択された値を効率的に取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。