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

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

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

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

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

当前回答

这是一种现代的纯JavaScript

document.querySelectorAll('#selectId option').forEach(option => option.remove())

其他回答

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

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

这是最好的方法:

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

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

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

Try

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

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

或者如果你使用jQuery框架。

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

我认为这是最好的sol. is $("#myselectid").html(");

推荐文章