从 JavaScript 中的下拉列表中获取多个值

get multiple values from dropdownlist in JavaScript

本文关键字：获取 下拉列表 JavaScript      更新时间：2023-09-26
如何使用

JavaScript 函数获取下拉列表中选择的值？ 用户可以从两个元素中选择多个值。 以下是我正在使用的元素。 提前谢谢。

<select name="icOptions" id="icOptions" style="display: none" multiple="multiple">
  <option value="Choose an Option" selected="selected">Choose a Team </option>
  <option value="IDX">IDX</option>
  <option value="Support">SUPPORT</option>
  <option value="webapps">WEBAPPS</option>
</select>
<select name="ocOptions" id="ocOptions" style="display: none" multiple="multiple">
  <option value="Choose an Option" selected="selected">Choose a TeamMember </option>
  <option value="sanjay740">sanjay740</option>
  <option value="milind740">milind740</option>
</select>

var fld = document.getElementById('icOptions');
var values = [];
for (var i = 0; i < fld.options.length; i++) {
  if (fld.options[i].selected) {
    values.push(fld.options[i].value);
  }
}
// do something with values
非常棒的

库，使用jQuery或Prototype满足您的需求http://harvesthq.github.com/chosen/看看吧。

它以一种非常好的方式支持选择和多选

ES6/函数式的替代公认答案：

const values = Array.apply(null, e.target.options)
  .filter(option => option.selected)
  .map(option => option.value);
相关文章：