Option defaultSelected 属性
JavaScript基础 2022-06-08 17:06:56小码哥的IT人生shichen
Option defaultSelected 属性
定义和用法
defaultSelected 属性返回 selected 属性 的默认值。
如果默认选择选项，则此属性返回 true，否则返回 false。
注释：如果一个选项默认被选中，它首先显示在下拉列表中。
另请参阅：
HTML 参考手册：HTML <option> 标签
实例
检查是否默认选中了被选取的选项：
var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementsByTagName("option");
alert("Is " + y[x].text + " selected by default? " + y[x].defaultSelected);
完整实例：
<!DOCTYPE html>
<html>
<body>
请选择您最喜欢的水果：
<select id="mySelect">
<option>苹果</option>
<option>桔子</option>
<option selected>凤梨</option>
<option>香蕉</option>
</select>
<br><br>
<button type="button" onclick="myFunction()">所选水果是默认选中的吗？</button>
<script>
function myFunction() {
var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementsByTagName("option");
alert(y[x].text + "是默认选中的吗？" + y[x].defaultSelected);
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
语法
optionObject.defaultSelected技术细节
| 返回值： | 布尔值，如果默认选择该选项，则返回 true；否则返回 false。 |
|---|
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
