清除使用jQuery的选择

Question

是否可以使用JQuery清除html选择对象的内容？我有一个函数获取一个列表来填充select并将其附加到select，所以我需要某种方式在添加之前清除以前的数据。

Answer 1

使用.empty()

$('select').empty().append('whatever'); 

你也可以使用.html()但要注意

当.html()用于设置元素的含量，这是在 元素的任何内容完全被新内容取代。考虑下面的HTML：

替代： ---如果你想唯一的选择要素对被删除，请使用.remove()

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

Answer 2

如果您不关心任何子元素，例如optgroup，您可以使用empty() ...

$('select').empty(); 

否则，如果只想元素option取出，用remove()。

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

Answer 3

$('option', '#theSelect').remove(); 

Answer 4

假设像下面的列表 - 假设一些选项被选中...（这是一个多选，但是这也可以在单个选择上工作。）

<select multiple='multiple' id='selectListName'> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
</select> 

在某些基于某个事件调用的函数中，以下代码将清除所有选定的选项。 （“＃selectListName”）。prop（'selectedIndex'，-1）;

Answer 5

Here is一个小的jQuery插件（除其他外）可以清空下拉列表。

只要写：

$('your-select-element').selectUtils('setEmpty');