selectedindex(HTML中selectedIndex屬性怎么使用)

selectedIndex屬性用于設置或返回下拉列表中被選項的索引號。

要設置selectedIndex屬性的值,可以使用以下兩種方式之一:

通過JavaScript代碼設置:

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

上述代碼將下拉列表中索引為2的選項設置為被選中。

通過HTML代碼設置:

<select id="mySelect" selectedIndex="2"><option value="0">Option 1</option><option value="1">Option 2</option><option value="2">Option 3</option></select>

在上述HTML代碼中,selectedIndex屬性被設置為2,表示默認選中第三個選項。

要獲取selectedIndex屬性的值,可以使用以下方式之一:

通過JavaScript代碼獲取:

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

上述代碼將selectedIndex屬性的值賦給變量selectedIndex。

通過selectedIndex屬性在HTML代碼中獲取:

<select id="mySelect" selectedIndex="2"><option value="0">Option 1</option><option value="1">Option 2</option><option value="2">Option 3</option></select><p>The selected index is: <span id="selectedIdx"></span></p><script>var selectedIdx = document.getElementById("mySelect").selectedIndex;document.getElementById("selectedIdx").innerHTML = selectedIdx;</script>

上述HTML代碼中,通過JavaScript代碼將selectedIndex的值放入ID為"selectedIdx"的元素中,從而顯示selectedIndex的值。