javascript - 在 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()

小提琴

编辑

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

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

更新小提琴

Answer 2

使用以下代码：

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

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

Answer 3

试试这个代码

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