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

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法国！）：

// 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); 
}