本文介绍了一种使用JavaScript动态生成下拉框的方法，通过创建select元素并添加到页面中，实现根据需要动态增加下拉选项的功能。此示例展示了如何在用户点击按钮后，向指定div中添加包含预设选项的新下拉框。
效果图：
也可以根据自己的需要更改下拉框的值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" id="" value="添加" onclick="add()" />
<div id="sel">
</div>
<script type="text/javascript">
function add(){
var select=document.createElement("select");
var op1=document.createElement("option");
op1.value="1801";
op1.innerText="移动互联";
select.appendChild(op1);
document.getElementById("sel").appendChild(select)
}
</script>
</body>
</html>
扫一扫
734
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
