• HTML DOM Select add() 方法


    [

    Select add() 方法
    Select 对象

    定义和用法

    add() 方法用于向 <select> 添加一个 <option> 元素。

    语法

    selectObject.add(option,before)

    参数 描述
    option 必需。要添加选项元素。必需是 option 或 optgroup 元素。
    before 必需。在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组的末尾。

    浏览器支持

    所有主要浏览器都支持 add() 方法
    提示: add() 方法在 IE8 和更高版本的 IE中需要在页面声明 !DOCTYPE 。

    实例

    实例

    下面的例子可向下拉列表的末尾添加一个 "kiwi" 选项:

    
    <!DOCTYPE html>
    
    <html>
    
    <head>
    
    <meta charset="utf-8">
    
    <title>Break易站(runoob.com)</title>
    
    <script>
    
    function displayResult(){
    
        var x=document.getElementById("mySelect");
    
        var option=document.createElement("option");
    
        option.text="Kiwi";
    
        try{
    
            // 对于更早的版本IE8
    
            x.add(option,x.options[null]);
    
        }catch (e){
    
              x.add(option,null);
    
        }
    
    }
    
    </script>
    
    </head>
    
    <body>
    
    
    <form>
    
    <select id="mySelect">
    
        <option>Apple</option>
    
        <option>Pear</option>
    
        <option>Banana</option>
    
        <option>Orange</option>
    
    </select>
    
    </form>
    
    <br>
    
    <button type="button" onclick="displayResult()">插入选项</button>
    
    <p><b>注意:</b>add()方法在IE8或更高版本中正常工作,要在页面中添加一个!DOCTYPE声明。对于IE 8之前的版本还要注意额外的代码。</p>
    
    </body>
    
    </html>
    
    

    更多实例

    在下拉列表的被选选项之前添加选项

    Select 对象

    ]
    转载请保留页面地址:https://www.breakyizhan.com/html/22116.html
  • 相关阅读:
    羊年春节微信数据大解析
    微信公众号推荐(自己关注的微信公众平台导航)
    微信要革"传统电视"的命吗?
    微信是在学苹果模式吗?
    发微信红包啦!借花献佛
    有原创保护能力的公众帐号可申请页面模版功能和图文消息正文插入历史群发链接
    编程能力与编程年龄
    代码执行的效率
    对九个超级程序员的采访
    编程真难啊
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13286375.html
Copyright © 2020-2023  润新知