如何在 JavaScript 中有效率地從多選元素中檢索所選值？

如何從多選元素中檢索選定的值

在您的場景中，您有一個具有multiple 屬性的元素，並使用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 <p>要使用此函數，只需傳遞<select>;元素作為參數：</select></p>
<pre class="brush:php;toolbar:false"><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中文網其他相關文章！