javascript - 如何使用 javascript 以编程方式设置多选框元素的值(复数)？

Question

我有这样一个表格:

<form action="/cgi-bin/cgi_info.py" method="POST">
  <select id="faults" class="multiselect" multiple="multiple" name="faults[]">
    <option>Big nose
    <option>Big feet
    <option>Wrinkly nose
    <option>Wrinkly feet
    <option>Spotty nose
    <option>Spotty feet
  </select>
</form>

并且想要选择所有那些包含文本“nose”的选项，使用围绕某些文本的 span 标记 onclick 事件。

你能帮我写一下 onclick javascript 代码吗？

谢谢。

Answer 1

您必须遍历 <option>元素，检查内容并设置 selected相应的属性:

var faults = document.getElementById("faults").options,
    reg = /\bnose\b/;

for (var i=0, max = faults.length; i < max; i++) {
    faults[i].selected = reg.test(faults[i].innerHTML);
} 

示例:http://jsfiddle.net/gPQ7U/