清除select使用jQuery

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

Answer 1

使用.empty()

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

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

使用.html()设置元素的内容时，该元素中的任何内容都将被新内容完全replace。 考虑下面的HTML：

替代scheme： —如果你只想要选项元素被删除，使用.remove()

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

Answer 2

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

 $('select').empty(); 

否则，如果您只想删除option元素，请使用remove() 。

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

Answer 3

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

Answer 4

假设像下面这样的列表 – 并假设select了一些选项…（这是一个多重select，但是这也可以在一个单一的select。

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

在某些基于某个事件调用的函数中，下面的代码将清除所有选中的选项。

$（“＃selectListName”）。prop（'selectedIndex'，-1）;

Answer 5

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

写吧：

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