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

时间:2014-07-20 16:06:49

标签: javascript jquery html

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

的test.html

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

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

5 个答案:

答案 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代码。

Working fiddle

答案 4 :(得分:0)

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