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

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

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

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

希望，这段代码能帮到你

要删除select的HTML元素的选项，可以使用remove()方法:

function removeOptions(selectElement) {
   var i, L = selectElement.options.length - 1;
   for(i = L; i >= 0; i--) {
      selectElement.remove(i);
   }
}

// using the function:
removeOptions(document.getElementById('DropList'));

重要的是要将选项向后移除;当remove()方法重新排列选项集合时。这样，就保证了要删除的元素仍然存在!

也许，这不是最干净的解决方案，但绝对比一个一个地移除简单:

document.getElementById("DropList").innerHTML = "";

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

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

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

So,

方法# 1

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

方法# 2

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

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