HTML DOM Option defaultSelected 属性

最后更新于：2022-03-26 22:25:47

Option defaultSelected 属性

HTML DOM Option defaultSelected 属性 Option 对象

定义和用法

defaultSelected 属性可返回 selected 属性的初始值。

如果选择了默认的选项，则返回 true，否则返回 fasle。

如果表单被重置，则 selected 属性重置为该属性的值。这个该属性也会设置 selected 属性的值。

注意： 默认的选项将显示在第一位。

语法

optionObject.defaultSelected

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 defaultSelected 属性

实例

实例

下面的例子可检测所选项是否是默认选项：

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
    var x=document.getElementById(“mySelect”).selectedIndex;
    var y=document.getElementsByTagName(“option”);
    alert(“” + y[x].text + ” 是默认选项吗? ” + y[x].defaultSelected);
}
</script>
</head>
<body>

<form>
选择你最喜欢的水果:
<select id=”mySelect”>
    <option>Apple</option>
    <option>Orange</option>
    <option selected=”selected”>Pineapple</option>
    <option>Banana</option>
</select>
</form>
<button type=”button” onclick=”displayResult()”>选中的是默认的水果吗?</button>

</body>
</html>

尝试一下 »

HTML DOM Option defaultSelected 属性 Option 对象