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

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

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

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

谢谢
海梅

最佳答案

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

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

顺便说一下，有一个未公开的选项叫做 debug。如果将其传递给 select2() 方法，则发现的错误将打印在控制台上。例如下面的代码:

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

将进入浏览器的控制台:



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

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

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

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

关于jquery-select2-4 - 清除选择在 select2 中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36854422/