HTML中selectedIndex属性怎么使用-开发者知识库平台

HTML中selectedIndex属性怎么使用

html

766

2023/8/16 18:12:36

栏目: 编程语言

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的值。

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

HTML中selectedIndex属性怎么使用

最新知识库

相关标签