以上答案的代码需要轻微更改以删除列表完整，请检查这段代码。

var select = document.getElementById("DropList");
var length = select.options.length;
for (i = 0; i < length;) {
  select.options[i] = null;
  length = select.options.length;
}

刷新长度，它将从下拉列表中删除所有数据。 希望这能帮助到一些人。

这是最好的方法:

function (comboBox) {
    while (comboBox.options.length > 0) {                
        comboBox.remove(0);
    }        
}

var select = document.getElementById('/*id attribute of your select here*/');
for (var option in select){
    select.remove(option);
}

使用JQuery是一种更漂亮、更短、更聪明的方法!

$('#selection_box_id').empty();

如果您希望使用轻量级脚本，那么请使用jQuery。 在jQuery中，删除所有选项的解决方案如下:

$("#droplist").empty();

注意，一个选择可以同时具有这两种情况 - optgroup & -选项集合 就像它的孩子一样。

So,

方法# 1

var selectElement = document.getElementById('myselectid');
selectElement.innerHTML = '';

方法# 2

var selectElement = document.getElementById('myselectid');
selectElement.textContent = '';

我测试过，两者都可以在Chrome上运行。 我喜欢简单的，老式的方法#1。