javascript - 如何在使用select2时完全删除select DOM？

destroy方法仅删除由插件创建的select2的支持DOM。但是我仍然可以在DOM树中看到基本的select标签。
目前，我正在执行以下操作以摆脱使用select2创建的选择：

$("#elID").select2('destroy');
$("#elID").remove();

本身必须有一些插件支持才能正确实现。但是我在任何地方都找不到。

任何帮助表示赞赏。

最佳答案

调用销毁插件后，使用remove()删除元素；

$("#auditID").select2('destroy').remove();

$('button').click(function() {
  $("#auditID").select2('destroy').remove();
})
$("#auditID").select2();

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.js"></script>

<select id="auditID">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<button>Remove</button>

关于javascript - 如何在使用select2时完全删除select DOM？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35883786/