如何从DOM删除select2

假设我们有一个简单的select2列表：

 <select id="e1"> <option value="AL">Alabama</option> ... <option value="WY">Wyoming</option> </select> 

发起如下：

 $("#e1").select2(); 

我如何删除select2并将其返回到正常的下拉菜单？ 我找不到任何示例或文档中的条目。

就像是：

 $("#e1").select2('remove'); 

会好的。

Answer 1

你需要在select2上使用destroy方法。 请参阅文档

即

  $("#e1").select2('destroy'); 

Answer 2

那为我工作！

 var $select = $('.select2').select2(); //console.log($select); $select.each(function(i,item){ //console.log(item); $(item).select2("destroy"); }); 

Answer 3

版本4.0

 $element.data('select2').destroy();