[英]get multiple values from dropdownlist in JavaScript
如何使用 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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.