jquery动态添加option示例

以下是一个使用jQuery动态添加`


<!DOCTYPE html>
<html>
<head>
    <title>jQuery 动态添加 Option 示例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>

<select id="mySelect">
    <option value="1">选项 1</option>
    <!-- 这里是动态添加选项的位置 -->
</select>

<button id="addOption">添加选项</button>

<script>
$(document).ready(function(){
    $("#addOption").click(function(){
        // 创建一个新的<option>元素
        var newOption = $("<option>", {
            value: "2", // 设置value属性
            text: "选项 2" // 设置显示文本
        });

        // 将新创建的<option>添加到<select>中
        $("#mySelect").append(newOption);
    });
});
</script>

</body>
</html>

在这个示例中，我们首先通过`