HTML | DOM 选项对象

DOM Option 对象用于表示 HTML 元素。 Option 元素由getElementById()访问。

特性：

• disabled：该属性包含值 disabled 表示选项被禁用。
• label：此属性包含表示选项的短路标签的文本值。
• selected：此属性包含 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浏览器
• 火狐
• 歌剧
• 苹果浏览器