單擊按鈕清除填充的下拉列表

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（）快得多。 這里

Answer 3

這將清除下拉值：

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

Answer 4

請嘗試以下操作：

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

沒有jQuery，干凈的原生javascript代碼。

工作提琴 。

Answer 5

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