在jquery中使用optgroup删除多项选择项

Question

有没有办法使用jquery清除所有选项和optgroup HTML元素？

我的HTML选择元素是这样的，

<select id="users" name="multiselect" multiple="multiple" style="width:382px;" >
    <optgroup id="groupadmin" label="Group Admin"></optgroup>
    <optgroup id="systemusers" label="System User"></optgroup>
</select>

Answer 1

您可以使用.empty()

  

描述：从DOM中删除匹配元素集的所有子节点。

代码的

$('#users').empty()

Fiddle

修改

在使用multiSelect插件时，您需要使用.multiSelect('refresh')方法。

$('#users').empty().multiSelect('refresh'); 

Updated Fiddle

Answer 2

试试此代码

   $('#users').find('optgroup,option').remove();

Answer 3

使用以下代码：

$('#users').children().remove();

无论是否存在optgroup，这都将起作用