Select selectedIndex 属性

HTML DOM Select 对象

定义和用法

selectedIndex 属性设置或返回下拉列表中被选定的选项的索引（下标）。

索引从 0 开始。

注释：如果下拉列表允许多项选择，它将仅返回所选第一个选项的索引。

注释：值 "-1" 将取消选择所有选项（如果有）。

注释：如果未选择任何选项，则 selectedIndex 属性将返回 -1。

另请参阅：

HTML 参考手册：HTML <select> 标签

实例

例子 1

选取索引为 "2" 的 <option> 元素：

document.getElementById("mySelect").selectedIndex = "2";

亲自试一试

例子 2

显示下拉列表中所选选项的索引和文本：

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);

亲自试一试

例子 3

取消选择所有选项：

document.getElementById("mySelect").selectedIndex = "-1";

亲自试一试

例子 4

如果未选择任何选项，则 selectedIndex 属性将返回 "-1"：

var x = document.getElementById("mySelect").selectedIndex;

亲自试一试

语法

返回 selectedIndex 属性：

selectObject.selectedIndex

设置 selectedIndex 属性：

selectObject.selectedIndex = number

属性值

值 描述
number 规定下拉列表中选定选项的索引（下标）。

技术细节

返回值：

数值，表示下拉列表中所选选项的索引。索引从 0 开始。

如果未选择任何选项，则返回值为 -1。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Select 对象