HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

index

Option index 属性

定义和用法

index 属性可返回下拉列表中选项的索引位置。

The index starts at 0.

语法

设置 index 属性：

optionObject.index=integer

返回 index 属性：

optionObject.index

浏览器支持

所有主要浏览器都支持 index 属性

实例

本例可返回下拉列表中所选的选项的索引位置：

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);
}
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>

<button type="button" onclick="displayResult()">Display index</button>

</body>
</html>