新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

HTML中selectedIndex属性如何使用

发布时间:2023-09-14 07:56:15

HTML中selectedIndex属性如何使用

selectedIndex属性用于设置或返回下拉列表中被选项的索引号。
要设置selectedIndex属性的值,可使用以下两种方式之一:
1. 通过JavaScript代码设置:
```javascript
document.getElementById("mySelect").selectedIndex = 2;
```
上述代码将下拉列表中索引为2的选项设置为被选中。
2. 通过HTML代码设置:
```html

```
在上述HTML代码中,selectedIndex属性被设置为2,表示默许选中第三个选项。
要获得selectedIndex属性的值,可使用以下方式之一:
1. 通过JavaScript代码获得:
```javascript
var selectedIndex = document.getElementById("mySelect").selectedIndex;
```
上述代码将selectedIndex属性的值赋给变量selectedIndex。
2. 通过selectedIndex属性在HTML代码中获得:
```html

The selected index is:



```
上述HTML代码中,通过JavaScript代码将selectedIndex的值放入ID为"selectedIdx"的元素中,从而显示selectedIndex的值。