点击一个按钮清除填充的下拉列表

Question

我有一个下拉列表动态填充。我有一个按钮，必须在用户希望时清除下拉列表。

的test.html

<select id="test"> 
<option></option> 
</select> 
<input type="button" id="refresh" /> 

这里我选择标签动态填充。一旦我点击刷新按钮，应该清除填充值。我如何继续？

Answer 1

使用下面的代码。

$('#refresh').click(function(e) 
{ 
    $('#test').empty(); 
}); 

Answer 2

UEE以下

$('#refresh').click(function() 
{ 
    $("#test").html(""); 
}); 

手段Expty HTML里面上点击下拉菜单。

在这里检查Şhȇkhaṝ的答案.html（“”）比empty（）快得多。 here

Answer 3

这将清除下拉值：

document.getElementById(‘drpFruits’).options.length=0; 

Answer 4

尝试以下操作：

document.getElementById('refresh').addEventListener('click', function() { 
    document.getElementById('test').innerHTML = ''; 
}); 

没有jQuery的，干净的本地JavaScript代码。

Working fiddle。

Answer 5

var refreshBtn = document.getElementById("refresh");  
refreshBtn.addEventListener('click', function(event) { 
document.getElementById("test").options.length = 0; 
}