javascript – 如何通过ID设置select元素的选定选项？

<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’);}这样的选择器

解决方法

<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;

原文地址：https://www.jb51.cc/js/155355.html