Select2 重置为占位符

Question

我知道这是重复的。找遍了都找不到我的问题所在

我想将所选值重置为占位符。

我有一个代码笔运行以防有人想看代码。

我正在使用最新版本的 select2

http://codepen.io/GGarciaSeco/pen/WxNaGo?editors=1111

$(document).ready(function(){
 $(".select2").select2({
   placeholder:'A SELECT EXAMPLE',
   width:'100%'
  });

 $("#reset").on('click', function(e){
   console.log('e', e);
   var $select = $("#select")[0];
   console.log($select);
   $($select).select2('val', '');
  });
});

Answer 1

不确定是什么导致了您的问题，因为它应该工作正常。但是这里的一个小技巧可以让你得到你想要的。只需将原始 select 元素的值设置为 empty 和 trigger 其更改 event.

例如：

$("#reset").on('click', function(e){
    $("#select").val('').trigger('change');
});

Select2 重置为占位符

Select2 reset to placeholder

jquery

select2

`Updated Pen HERE`