53

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

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

发起如下:

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

如何删除select2并将其返回到常规下拉列表?我在文档中找不到任何示例或条目。

就像是:

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

会好的。

4

4 回答 4

119

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

IE

 $("#e1").select2('destroy'); 
于 2013-10-11T22:32:41.977 回答
14

那对我有用!

var $select = $('.select2').select2();
//console.log($select);
$select.each(function(i,item){
  //console.log(item);
  $(item).select2("destroy");
});
于 2015-02-13T19:05:13.663 回答
5

4.0 版

$element.data('select2').destroy();
于 2017-08-25T06:08:32.590 回答
1
$(".select2").select2('destroy');
$(".select2").val('Your Value');
$('.select2').each(function () {
    $(this).select2({ dropdownParent: $(this).parent() });
});
于 2021-02-06T13:18:35.593 回答