我已经实现了 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/