最新的Web開發教程
 

Select selectedIndex Property

<選擇對象

選擇<option>與索引元素"2"

document.getElementById("mySelect").selectedIndex = "2";
試一試»

定義和用法

selectedIndex屬性設置或返回在下拉列表中選擇的選項的索引。

該指數從0開始。

Note:如果下拉列表允許多項選擇它只會返回選擇第一個選項的索引。

注:"-1"將取消選擇所有選項(if any)

注意:如果未選擇任何選項,selectedIndex屬性將返回-1。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

selectedIndex屬性所有主流瀏覽器的支持。


句法

返回selectedIndex屬性:

selectObject .selectedIndex

設置selectedIndex屬性:

selectObject .selectedIndex= 屬性值
描述
number 指定在下拉列表中選擇的選項的索引

技術細節

返回值: 一個數字,代表在下拉列表中選擇的選項的索引。 如果沒有選擇任何選項,該指數從0開始,返回的值是-1

更多示例

顯示在下拉列表中選擇的選項的索引和文本:

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

取消所有選項:

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

selectedIndex屬性將返回"-1"如果沒有選擇的選項:

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

<選擇對象