使用$("select").html("")来清空一个动态生成的下拉框当下拉选项只有一个的时候，清空操作结束后，代码清空了但是下拉框依旧显示选择项如图所示再点击一下下拉框选择项才消失当有多个下拉选项的时候则不会出现这种情况写了一个简易的代码<!DOCTYPE html><html><head> <title></title> <style> button { width: 50px; height: 20px; } </style> <script src="https://code.jquery.com/jquery-1.11.3.js"></script></head><body> <select></select> <button>按钮</button> <script> var accountHtml = "", account = ["1234123421"]; account.forEach(function(i) { accountHtml += '<option value="' + i + '">' + i + '</option>'; }); $("select").html(accountHtml); $("button").on("click", function() { $("select").html(""); }); </script></body></html>
1 回答
汪汪一只猫
TA贡献1898条经验 获得超8个赞
理论上不会出现~$("select").html("").val("");
试一下这个.
或者既然都清空了, 可以直接remove掉, 在生成一个也可以.
下面代码我测试一下清空select没问题~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body>
<select name="" id="select"></select>
<button class="dianwo">dianwo</button>
<script>
$(function(){
$("select").append("<option value='123'>123</option><option value='456'>456</option><option value='789'>789</option>");
$(".dianwo").click(function(){
$("select").html("");
})
});
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消