清除多选 jquery-select2

Question

我正在尝试为 jquery-select2 多选创建一个重置按钮。我不知道为什么我的解决方案不起作用。

网址：

<select id="workload-selector" class="js-source-states-2" multiple="multiple" style="width: 100%">             
  <option value="haha">haha</option>
  <option value="haha2">haha2</option>
  <option value="haha3">haha3</option>
</select>

<button id="reset">
Reset
</button>

Javascript：

$("#workload-selector").select2();
$("#reset").click(function(){
  $("#workload-selector option:selected").removeAttr("selected");
});

我在 jsFiddle 上制作的：https ://jsfiddle.net/DTcHh/41975/

Answer 1

select2 多个将值保存在一个数组中您需要做的就是

$("#workload-selector").val([]).change();

Answer 2

你可以这样做：

$("#workload-selector").select2('val', '');

同样根据文档，这也有效：

$("#workload-selector").val("");
$("#workload-selector").trigger("change");