html代码option,HTML DOM Option用法及代码示例

DOM选项对象用于表示HTML 元素。通过getElementById()访问Option元素。

属性：

disabled:此属性包含值禁用，表示选项已禁用。

label:此属性包含文本值，该文本值表示选项的短路标签。

selected:此属性包含选定的值，该值表示在加载浏览器时已预先选择的项目。

value:此属性包含发送到服务器的值文本。

用法:

document.getElementById("ID");

其中“id”是分配给“Option”标签的ID。

示例1：

DOM Option Object

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

DOM Option Object

Choose an option

HTML

JAVA

C++

PHP

PERL

Submit

function geeks() {

//  Accessing option object.

var g = document.getElementById(

"GFG").text;

document.getElementById("sudo").innerHTML = g;

}

：

输出：

在单击按钮之前：

单击按钮后：

示例-2： 期权对象可以使用document.createElement方法创建。

DOM Option Object

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

DOM Option Object

Submit

function geeks() {

//  Creating option object.

var g = document.createElement("OPTION");

var f = document.createTextNode(

"Choose an Option");

g.appendChild(f);

document.getElementById("GFG").appendChild(g);

var x = document.createElement("OPTION");

x.setAttribute("value", "HTML");

var t = document.createTextNode("html");

x.appendChild(t);

document.getElementById("GFG").appendChild(x);

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Option Object支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari