for (var opt of document.querySelectorAll('#DropList option'))
{ 
  opt.remove();
}

这个解决方案也适用于optgroups。

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

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

使用PrototypeJS:

$('yourSelect').select('option').invoke('remove');

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

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

这是一条很短的路:

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

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

项目应该反向删除，否则将导致错误。此外，我不建议简单地将值设置为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");