javascript – 获取多选的值 – 没有jQuery

每个相关的“可能已经[我]回答”的问题都使用jQuery,我没有使用它.

那么,是否有任何简单的方法可以在< select multiple>中获取所选选项的值标签,还是我必须遍历所有选项以查看哪些选项并手动构建数组？

附带问题：哪些浏览器不支持selectElement.value,而是需要selectElement.options [selectElement.selectedIndex] .value？

解决方法:

你可以使用select.selectedOptions.但是,这会返回一个HTMLCollection,所以你仍然需要清理它以获得一个字符串数组. http://jsfiddle.net/9gd9v/

<select multiple>
  <option value="foo" selected>foo</option>
  <option value="bar">bar</option>
  <option value="baz" selected>baz</option>
</select>

和：

var select = document.querySelector("select");
var values = [].map.call(select.selectedOptions, function(option) {
  return option.value;
});

标签：javascript,multi-select,html
来源： https://codeday.me/bug/20190630/1331429.html