Select2重置为占位符

Question

我知道这是重复的。我到处搜索，我看不出我的问题在哪里。

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

我有一个codepen运行，以防有人想看到代码。

我使用的是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');
});

<强>

的 Updated Pen HERE