• 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
  • 相关阅读:
    September 17th 2016 Week 38th Saturday
    【2016-09-16】UbuntuServer14.04或更高版本安装问题记录
    September 16th 2016 Week 38th Friday
    September 11th 2016 Week 38th Sunday
    September 12th 2016 Week 38th Monday
    September 10th 2016 Week 37th Saturday
    September 9th 2016 Week 37th Friday
    c++暂停
    八皇后问题
    ( 转转)Android初级开发第九讲--Intent最全用法(打开文件跳转页面等)
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13286375.html
Copyright © 2020-2023  润新知