javascript - 如何通过其 ID 设置选择元素的选定选项？

Question

<select id="comboBox">
    <option id="1">One</option>
    <option id="2">Two</option>
    <option id="3">Three</option>
    <option id="4">Four</option>
</select>

我想选择 ID 为 3 的选项。有什么办法可以不用循环吗？我期待这样的事情

$("#comboBox").val("3");

但使用 ID 而不是值。 (所以我的意思是作为 comboBox 的成员访问该选项，而不是通过像 document.getElementById('3'); 这样的选择器)

Answer 1

<script type="text/javascript">
    document.getElementById("3").selected=true;
</script>

或

<script type="text/javascript">
    document.getElementById("comboBox").options[2].selected=true;
</script>

或

<script type="text/javascript">
    document.getElementById("comboBox").selectedIndex=2;
</script>

或

<script type="text/javascript">
    document.getElementById("comboBox").options.namedItem("3").selected=true;
</script>

最后一个见https://developer.mozilla.org/en/docs/Web/API/HTMLSelectElement#namedItem()和 http://www.w3schools.com/jsref/coll_select_options.asp

您可以跳过对较短的选项的引用 document.getElementById("comboBox").namedItem("3").selected=true;