selectedIndex屬性用于設置或返回下拉列表中被選項的索引號。
要設置selectedIndex屬性的值,可以使用以下兩種方式之一:
document.getElementById("mySelect").selectedIndex = 2;
上述代碼將下拉列表中索引為2的選項設置為被選中。
<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屬性的值,可以使用以下方式之一:
var selectedIndex = document.getElementById("mySelect").selectedIndex;
上述代碼將selectedIndex屬性的值賦給變量selectedIndex。
<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的值。