jQuery动态给下拉列表添加一个选项(创建DOM对象)

使用的函数:

函数解释：

 

 

代码:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            function addOption() {
                var $option = $("<option>" + 4 +"</option>")
                    $("#test").append($option);
                }
        </script>
    </head>

    <body>
        <select name="test" id="test">
            <option value="1">1</option>
            <option value="2" checked="checked">2</option>
            <option value="3">3</option>
        </select>
        <a href=javascript:addOption()>点击加一个 </a>

    </body>

</html>

 测试:

 

点击后

 

posted @ 2017-08-12 17:05  QiaoZhi  阅读(554)  评论(0)  编辑  收藏  举报