如何清除下拉框中的所有选项?

我的代码可以在IE中运行，但在Safari、Firefox和Opera中会崩溃。(惊喜)

document.getElementById("DropList").options.length=0;

经过搜索，我了解到它不喜欢的是长度=0。我试过了……选项=null和var clear=0.．.长度=clear，结果相同。

我一次对多个对象这样做，所以我正在寻找一些轻量级的JS代码。

当前回答

while(document.getElementById("DropList").childNodes.length>0) 
{
    document.getElementById("DropList").removeChild(document.getElementById("DropList").childNodes[0]);
}

2014-01-07 11:40:57

其他回答

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

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

2010-07-29 16:18:15

使用PrototypeJS:

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

2014-09-18 06:36:15

对于Vanilla JavaScript，有一种简单而优雅的方法来做到这一点:

for(var o of document.querySelectorAll('#DropList > option')) {
  o.remove()
}

2019-12-25 22:27:26

这是最好的方法:

function (comboBox) {
    while (comboBox.options.length > 0) {                
        comboBox.remove(0);
    }        
}

2013-04-19 14:40:00

这可以用来清除选项:

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

2016-11-23 11:07:45

如何清除下拉框中的所有选项?

推荐文章

最新文章

标签