似乎很奇怪我找不到这个已经问过的人，但它来了！
我有一个 html 如下：
<select id="select-meal-type" multiple="multiple">
<option value="1">Breakfast</option>
<option value="2">Lunch</option>
<option value="3">Dinner</option>
<option value="4">Snacks</option>
<option value="5">Dessert</option>
</select>
如何获取用户在 javascript 中选择的所有值（数组？）？
例如，如果用户选择了 Lunch 和 Snacks，我想要一个 { 2, 4 } 的数组。
这似乎应该是一项非常简单的任务，但我似乎无法做到。
谢谢。
除非问题要求使用 JQuery，否则应该首先用标准 javascript 回答问题，因为许多人不在他们的站点中使用 JQuery。
来自 RobG如何使用 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;
}
通常的方法：
var values = $('#select-meal-type').val();
从文档：
在
<select multiple="multiple">元素的情况下，该.val()方法返回一个包含每个选定选项的数组；
实际上，我发现使用纯 JavaScript 的最佳、最简洁、最快和最兼容的方式（假设您不需要完全支持 IE lte 8）如下：
var values = Array.prototype.slice.call(document.querySelectorAll('#select-meal-type option:checked'),0).map(function(v,i,a) {
return v.value;
});
更新（2017-02-14）：
一种更简洁的使用 ES6/ES2015 的方式（对于支持它的浏览器）：
const selected = document.querySelectorAll('#select-meal-type option:checked');
const values = Array.from(selected).map(el => el.value);
如果你想走现代之路，你可以这样做：
const selectedOpts = [...field.options].filter(x => x.selected);
的...操作者可迭代映射（HTMLOptionsCollection）到阵列。
如果您只对这些值感兴趣，可以添加一个map()调用：
const selectedValues = [...field.options]
.filter(x => x.selected)
.map(x => x.value);
你可以使用selectedOptions财产
var options = document.getElementById('select-meal-type').selectedOptions;
var values = Array.from(options).map(({ value }) => value);
console.log(values);<select id="select-meal-type" multiple="multiple">
<option value="1">Breakfast</option>
<option value="2" selected>Lunch</option>
<option value="3">Dinner</option>
<option value="4" selected>Snacks</option>
<option value="5">Dessert</option>
</select>