云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

HTML 使用Javascript动态添加带选项的下拉框

在HTML中,我们可以使用JavaScript来动态地创建并添加下拉框,以下是一个简单的例子:

(图片来源网络,侵删)
<!DOCTYPE html>
<html>
<body>
    <table id="myTable">
        <tr>
            <td>Cell 1</td>
            <td id="selectBox"></td>
        </tr>
    </table>
    <script>
        var select = document.createElement("SELECT");
        select.id = "mySelect";
        document.getElementById("selectBox").appendChild(select);
        var option1 = document.createElement("option");
        option1.value = "1";
        option1.text = "Option 1";
        select.appendChild(option1);
        var option2 = document.createElement("option");
        option2.value = "2";
        option2.text = "Option 2";
        select.appendChild(option2);
    </script>
</body>
</html>

在这个例子中,我们首先创建了一个表格和一个单元格,我们在一个<script>标签中编写JavaScript代码,这段代码首先创建了一个<select>元素,并将其添加到了前面创建的单元格中,我们创建了两个<option>元素,并将它们添加到了<select>元素中。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《HTML 使用Javascript动态添加带选项的下拉框》
文章链接:https://www.yunzhuji.net/jishujiaocheng/45786.html

评论

  • 验证码