select选择框：获取所选择option的下标、值

最新推荐文章于 2023-09-22 14:24:39 发布

熬猪的夜

最新推荐文章于 2023-09-22 14:24:39 发布

阅读量1.6k

点赞数

文章标签： jquery html 前端 javascript

本文链接：https://blog.csdn.net/weixin_44767530/article/details/123545822

版权

这段代码展示了一个HTML选择框（select）与JavaScript函数`go_banid()`的交互。当选择框的选项改变时，`go_banid()`会被调用，并获取当前选中的选项值。`selectedIndex`属性用于获取选中项的索引，`options`属性则用于访问所有选项，通过索引获取选中项的值。

摘要由CSDN通过智能技术生成

 <select id="theGrade" onchange='go_banid()'>
 	 <option value="1">一</option> 
 	 <option value="2">二</option> 
 	 <option value="3">三</option> 
 </select>
 <script>
 function go_nianid() {
        var myselect = document.getElementById("theGrade");
        var index = myselect.selectedIndex;
        // selectedIndex代表的是你所选中项的index
        var value = myselect.options[index].value;
    }
 </script>