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

javascript html-select

2022-08-30 01:05:10

我的代码在IE中工作，但在Safari，Firefox和Opera中中断。（大惊喜）

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

搜索后，我了解到这是它不喜欢的。
我试过了，结果也一样。length=0...options=nullvar clear=0; ...length=clear

我一次对多个对象执行此操作，因此我正在寻找一些轻量级的JS代码。

答案 1

要删除 SELECT 的 HTML 元素的选项，可以使用 remove（） 方法：

function removeOptions(selectElement) {
   var i, L = selectElement.options.length - 1;
   for(i = L; i >= 0; i--) {
      selectElement.remove(i);
   }
}

// using the function:
removeOptions(document.getElementById('DropList'));

向后删除选项很重要;当该方法重新排列集合时。这样，可以保证要删除的元素仍然存在！remove()options

答案 2

如果你想有一个轻量级的脚本，那就去jQuery。在jQuery中，删除所有选项的解决方案将如下所示：

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