jquery-select2-4 - 清除选择在 select2 中不起作用

Question

我已经实现了 select2 小部件，版本 4。它可以工作，但是 x 图标。它没有清除选择。

如果您看到此文档:https://select2.github.io/options.html ，它说这实际上是一个问题，但文档不完整。

有人已经解决了这个问题吗？

谢谢
海梅

Answer 1

不，这不是错误。 “X”图标需要占位符选项。
没有它，将无法使用 clearAllow 选项。所以，正确的代码将是这样的:

$(".js-example-placeholder-single").select2({
    placeholder: "Put some text...",
    allowClear : true
});

顺便说一句，有一个未记录的选项称为调试。如果将它传递给 select2() 方法，则发现的错误将打印在控制台上。例如下面的代码:

  $(".js-example-placeholder-single").select2({
    //placeholder: "Put some text...",
    allowClear : true,
    debug: true
  });

将进入浏览器的控制台:



为什么 allowClear 需要占位符选项？

真正的下拉列表，您使用 <select> 创建和 <option>元素被select2隐藏。并创造了新的。

在新创建的下拉列表中，用户看到的字段(没有下拉列表)自动创建。每次选择新选项时，select2 都会用新的字段更改先前的字段。

单击 X 图标时，它也会删除主字段。并使用占位符参数创建新字段。