Question

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

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

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

感谢任何帮助。

Answer 1

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

如何在使用select2时完全删除选择DOM？

1 个答案: