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

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

项目应该反向删除，否则将导致错误。此外，我不建议简单地将值设置为null，因为这可能会导致意外的行为。

var select = document.getElementById("myselect");
for (var i = select.options.length - 1 ; i >= 0 ; i--)
    select.remove(i);

或者，如果你喜欢，你可以让它成为一个函数:

function clearOptions(id)
{
    var select = document.getElementById(id);
    for (var i = select.options.length - 1 ; i >= 0 ; i--)
        select.remove(i);
}
clearOptions("myselect");

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;
}

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

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

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

这是一条很短的路:

document.getElementById('mySelect').innerText = null;

一行，没有for，没有JQuery，很简单。