HTML中selectedIndex属性怎么使用

selectedIndex属性用于设置或返回下拉列表中被选项的索引号。

要设置selectedIndex属性的值，可以使用以下两种方式之一：

1. 通过JavaScript代码设置：

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

上述代码将下拉列表中索引为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属性的值，可以使用以下方式之一：

1. 通过JavaScript代码获取：

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

上述代码将selectedIndex属性的值赋给变量selectedIndex。

2. 通过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的值。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>