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

最新推荐文章于 2022-02-16 20:43:51 发布

weixin_33785108

最新推荐文章于 2022-02-16 20:43:51 发布

阅读量268

点赞数

文章标签： javascript ViewUI

本文介绍如何利用jQuery库动态地为HTML页面中的选择框添加新的选项。通过JavaScript代码，实现点击链接后向选择框追加选项的功能，并提供了一个简单的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用的函数:

函数解释：

代码:

<!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>