单击按钮可清除填充的下拉列表

Question

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

的test.html

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

这里我的select标签是动态填充的。单击刷新按钮后，应清除填充的值。我该怎么办？

Answer 1

使用以下代码。

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

Answer 2

Uee关注

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

单击下拉列表中的Expty HTML。

点击这里Şhȇkhaṝ的答案.html（“”）比空（）快得多。 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;
}