Question

我有一个下拉列表，我想使用jquery清除它的所有项目。我看到很多关于删除所选项目的谷歌链接，但我想从下拉列表中清除所有项目。

从选择下拉列表中删除所有项目的最佳方法是什么？

Answer 1

最佳方式：使用.empty()

$('select').empty();

DEMO

注意：如果要删除本身元素及其中的所有内容，请使用.remove()

Answer 2

$('#idOfDropdown option').remove();

JSFiddle Example

Answer 3

$('option', the_select_element).remove();

如果您想保留所选：

$('option:not(:selected)', the_select_element).remove();

在简单的JS中也很简单（谢谢，@ Austin France！）：

// get the element
var sel = document.getElementById("the_select_ID");
// as long as it has options
while (sel.options.length) {
  // remove the first and repeat
  sel.remove(0);
}

使用jquery从选择下拉列表中删除所有条目的最简单方法是什么？

3 个答案: