Javascript 清除多个选择jquery-select2

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

Html:

我是在JSFIDLE上做的：

您只需执行以下操作：

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

此外，根据本标准，这也适用于：

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

---

我已经这样做了，这是我精心制作的一个示例

$("#reset").click(function(){
  $("#workload-selector").val(null).trigger('change');
});

在文档中，我需要设置null值。当select有多个选项时，它给了我一个空白的select选项。但如果设置的值不存在，我通常会清除它

例如： 如果在选项中，您有：

<select id="mySelect2" multiple="multiple">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

---

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

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

---

可能的重复不适用于多个选择。它只生成一个空标记。这里记录了关于清除select2值的内容，无论是多个还是单个。。。这是唯一适用于multi-select的答案。

<select id="mySelect2" multiple="multiple">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

$('#mySelect2').val(-100).trigger('change');

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