可以使用以下命令清除所有元素。

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

如果你必须支持IE，并且你的选择列表中有超过100个项目，我强烈建议你考虑用这样的函数替换选择:

function clearOptions(select) {
    var selectParentNode = select.parentNode;
    var newSelect = select.cloneNode(false); // Make a shallow copy
    selectParentNode.replaceChild(newSelect, select);
    return newSelect;
}

select参数应该是jquery选择器或文档中的元素。getElementBy电话。这样做的唯一缺点是，您丢失了连接到select的事件，但是当它从函数返回时，您可以轻松地重新附加它们。我正在处理一个有~3k项的选择，在IE9上清除选择需要4秒钟，这样我就可以用新内容更新它。这样做几乎是瞬间的事。

function removeOptions(obj) {
    while (obj.options.length) {
        obj.remove(0);
    }
}

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

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

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

这可以用来清除选项:

功能clearDropDown () { var选择=文档。getElementById(“DropList”)， 选择。 当(长度正好…){ 选择。移除(长度正好); 的 的 <选择id=“DropList”> <选项> option_1 < /选项> <选项> option_2 < /选项> <选项> option_3 < /选项> <选项> option_4 < /选项> <选项> option_5 < /选项> 选择< - > <按钮onclick =“clearDropDown ()> revival巴顿list < - >

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

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