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

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

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

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

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

当前回答

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

希望，这段代码能帮到你

2019-05-28 06:12:42

其他回答

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

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

2013-08-26 08:53:51

Try

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

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

或者如果你使用jQuery框架。

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

2010-07-29 16:03:38

这是一种现代的纯JavaScript

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

2018-02-14 05:39:20

使用PrototypeJS:

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

2014-09-18 06:36:15

这可以用来清除选项:

功能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

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

推荐文章

最新文章

标签