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

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;) {
  select.options[i] = null;
  length = select.options.length;
}

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

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

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

最简单的解决方案是最好的，所以你只需要:

var list = document.getElementById('list'); while (list.firstChild) { list.removeChild (list.firstChild); ｝ <选择id = "列表" > <选项值= " 0 " > 0 < /选项> <选项值= " 1 " > 1 > < /选项 < /选择>

Try

document.getElementsByTagName("Option").length=0

或者可以查看removeChild()函数。

或者如果你使用jQuery框架。

$("DropList Option").each(function(){$(this).remove();});

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

So,

方法# 1

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

方法# 2

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

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