我有一个动态填充的下拉列表。我有一个按钮,必须在用户希望时清除下拉列表。
的test.html
<select id="test">
<option></option>
</select>
<input type="button" id="refresh" />
这里我的select标签是动态填充的。单击刷新按钮后,应清除填充的值。我该怎么办?
答案 0 :(得分:0)
使用以下代码。
$('#refresh').click(function(e)
{
$('#test').empty();
});
答案 1 :(得分:0)
Uee关注
$('#refresh').click(function()
{
$("#test").html("");
});
单击下拉列表中的Expty HTML。
点击这里Şhȇkhaṝ的答案.html(“”)比空()快得多。 here
答案 2 :(得分:0)
这将清除下拉值:
document.getElementById(‘drpFruits’).options.length=0;
答案 3 :(得分:0)
尝试以下方法:
document.getElementById('refresh').addEventListener('click', function () {
document.getElementById('test').innerHTML = '';
});
没有jQuery,干净的原生javascript代码。
答案 4 :(得分:0)
var refreshBtn = document.getElementById("refresh");
refreshBtn.addEventListener('click', function(event) {
document.getElementById("test").options.length = 0;
}