index 是 JavaScript 中 Option 对象的一个属性, 该属性可返回下拉列表中选项的索引位置. 下面本篇文章就来给大家介绍一下 index 属性, 希望对大家有所帮助.
index 属性可返回下拉列表中选项的索引位置, 索引从 0 开始.
语法:
设置 index 属性:
optionObject.index=integer
返回 index 属性:
optionObject.index
说明: 所有主要浏览器都支持 index 属性
示例: 返回下拉列表中所选的选项的索引位置
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script>
- function displayResult() {
- var x = document.getElementById("mySelect").selectedIndex;
- var y = document.getElementById("mySelect").options;
- alert("索引" + y[x].index + "是" + y[x].text);
- }
- </script>
- </head>
- <body>
- <form>
选择你最喜欢的水果:
- <select id="mySelect">
- <option>Apple</option>
- <option>Orange</option>
- <option>Pineapple</option>
- <option>Banana</option>
- </select>
- </form><br />
- <button type="button" onclick="displayResult()"> 显示索引 </button>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/javascript/12156.html