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

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>