首页 > 建站教程 > JS、jQ、TS > javascript selectedIndex，获取和设置option选中的索引值正文

javascript selectedIndex，获取和设置option选中的索引值

来源：未知作者：类型：文章教程点击次数：发布时间：2017-06-13 16:18:48

定义

javascript的selectedIndex可以设置和获取select下拉框的被选中的option的索引值。

注释：若允许多重选择，则仅会返回第一个被选选项的索引号。

语法

selectObject.selectedIndex=number

案例

下面的代码再点击按钮时，可以弹出来您选择的下拉框的索引值：

<html> <head> <script type="text/javascript"> function getIndex(){ var x=document.getElementById("mySelect") alert(x.selectedIndex) } </script> </head> <body> <form> 请选择您最喜欢的水果: <select id="mySelect"> <option>苹果</option> <option>橘子</option> <option>菠萝</option> <option>香蕉</option> </select> <br /><br /> <input type="button" onclick="getIndex()" value="点击弹出所选择的option的索引值"> </form> </body> </html>
提示：您可以先修改部分代码再运行

TAGS: selectedIndex option索引值

上一篇: JS获取input file绝对路径的方法(推荐)

下一篇: JS：offsetWidth\offsetleft 等图文解释