如何使用JavaScript </select>选择HTML` <select>`元素的选项

Question

  

可能重复：
  Javascript to Select Multiple options

如何使用JavaScript选择HTML <select multiple>元素选项？

Answer 1

我的简单例子：

<select multiple id="select">
    <option value="1">1</option>
    <option value="2" class="toselect">2</option>
    <option value="3">3</option>
    <option value="4" class="toselect">4</option>
    <option value="5">5</option>
</select>
<script type="text/javascript">
    var select = document.getElementById("select");
    var select_options = select.getElementsByClassName("toselect");
    for (var i = 0; typeof(select_options) != "undefined"; i++) {
        select_options[i].selected = true;
    }
</script>

在这里，我使用类名来指定需要选择哪些选项。你可以随心所欲地使用它。

Answer 2

这样的事情：

var selectBox = document.getElementById('selectbox');

selectBox.children[1].selected = true;

完整示例：jsFiddle