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

Question

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

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

必须有一些插件本身支持才能正确实现这一点。但我无法在任何地方找到它。

感谢任何帮助。

Answer 1

调用插件销毁后，使用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>