html option 按钮,HTML Option selected用法及代码示例

HTML DOM中的Option selected属性用于设置或返回元素的选定状态的值。这是一个布尔属性。

用法:

它返回选定的属性。optionObject.selected

它设置选定的属性。optionObject.selected = true|false

属性值：它包含一个布尔值，该布尔值指定是否选择该选项。

true:它指定选择的选项。

false:它具有默认值。将不会选择一个选项。

返回值：它返回一个布尔值，该布尔值表示是否选择该选项。

示例1：本示例返回一个选项选择的属性。

DOM option Selected Property

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

DOM option Selected Property

Choose an option

HTML

JAVA

C++

PHP

PERL

Submit

function myGeeks() {

var x = document.getElementById(

"sudo").selected;

document.getElementById(

"demo").innerHTML = x;

}

在单击按钮之前：

单击按钮后：

示例2：本示例设置Option Selected属性。

DOM option Selected Property

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

DOM option Selected Property

Choose an option

HTML

JAVA

C++

PHP

PERL

Submit

function myGeeks() {

var x = document.getElementById(

"sudo").selected = true;

document.getElementById(

"demo").innerHTML = x;

}

在单击按钮之前：

单击按钮后：

支持的浏览器：DOM Option选定的属性支持的浏览器如下：

谷歌浏览器

IE浏览器

Firefox

苹果Safari

Opera