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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/155355.html

猜你在找的JavaScript相关文章