学堂学堂学堂公众号手机端

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

lewis 3年前 (2022-11-05) 阅读数 7 #技术

在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>元素中。

版权声明

本文仅代表作者观点，不代表博信信息网立场。

上一篇：Kotlin内联函数的工作原理是什么下一篇：eclipse导入项目没反应如何解决