问题标签 [jquery-select2-4]

我在 Select2 中使用按需加载下拉菜单。我需要设置使用 jquery 选择的下拉值。我正在尝试下面的代码，但它似乎没有工作。任何人都知道如何实现这一目标。

代码

我有一个 select2 控件，我在其中添加数据。它运行良好，数据已添加。

但是，选择中存在的空选项突然变得可见，而它不是在开始（通常您单击控件右侧的选择 2 十字以清除您的选择）。

如何确保在添加数据时不显示空选项？

我的代码：

我在这里有一个 feedle，它显示了空选项的显示方式：https ://jsfiddle.net/v1skjwqy/1/

我有一个需要使用 select2 组件的网页。还需要在负载上显示选定的值。在我的 JS 文件中，我有两个构造

JS - 构造 1 用于选择/删除选项

JS - Construct 2 用于餐饮负载

现在的问题是重复选择正在发生，并且重复次数会随着选择更多选项而增加。你能帮帮我吗？

我的 Select2 在 3.5 上工作正常..

自从升级到 v4.0（不是“完整” - 并根据需要更改关键字/函数）以来，我遇到了一个奇怪的问题，即进行了额外的 AJAX 调用。但是，未定义 URL，因此它们会生成 404 Not Found 错误。URL 是https://localhost:8443/myapp/undefined

它们似乎与存在的 templateResult 和 templateSelection 有关。如果我将它们注释掉，则 select2 可以正常工作（但我的数据未格式化）。

由于没有注释掉它们，我在初始化时得到了一次神秘/未定义的 AJAX 调用，然后当我单击选择框时调用一次，然后为我键入的每个字符调用一次（即使我设置了 minimumInputLength）。但是，即使使用这些虚假的 AJAX 调用，我的“真实”ajax 调用也会触发并返回结果（由 templateResult/templateSelection 正确格式化。我尝试过使用和不使用“escapeMarkup”，但行为没有区别。

是什么触发了这些糟糕的 AJAX 调用，我该如何阻止它们？（因为否则，它工作得很好）

提前致谢！

编辑 这里是一个完整的页面来演示这个问题。额外的网络调用是由我在 formatResult 函数中使用的标记生成的。但是为什么当它应该处于“加载”状态时它会返回 html 呢？

好吧，事实证明，设置“占位符”会导致未设置加载变量，因此返回了 html（带有格式错误的标签）

因此，如果设置了占位符，则 templateResult 和 templateSelection 还应检查是否有空 id..

我正在尝试在 &ersand-js 应用程序中使用 select2 版本 4.0 - 因此这意味着我正在使用 npm 和 browserify。

不幸的是，我无法加载 select2。

js文件正在加载而没有错误，因为我可以console.log在相关位置添加一些语句并查看它们的输出，

但是当我尝试使用 select2 时，我被告知它没有定义。

未捕获的类型错误：$(...).select2 不是函数

这就是我想要做的。

我觉得问题来自 select2.js https://github.com/select2/select2/blob/4.0.0/dist/js/select2.js#L14中的这一行

特别是它调用，factory(require('jquery'));因此我相信 select2 正在加载到然后被丢弃的 jQuery 副本中？

我发现这个问题听起来像是同一件事，除了我也无法让它工作：npm browserify version of jquery-select2 version 4.x

我正在尝试使用 templateResult 来格式化我的 select2 选项，以在选择文本前面包含一个 fontawesome 图标

不幸的是，即使我遵循了文档，它也无法正常工作。字体真棒图标显示，但文本不知何故在翻译中丢失

这是代码的js小提琴，看看我在说什么

http://jsfiddle.net/46f9c7jy/

我正在做一个这样的选择：

然后我启动我的 select2 实例：

我看到了这个：

AJAX 确实可以正常工作，并且可以添加新项目：

即使对于只有交叉的项目，Select2 实例也具有正确的数据：

我有一个使用 Bootstrap 3.3.4、Select2 4.0 和 Jquery Validation 1.13.1 的项目

我已将 jquery 验证器默认设置为样式引导 3 类，如下所示

但是这些默认设置的 select2 字段样式并不相同……在下图中，“metals”选择是引导字段，而“colors”选择是 select2 字段。

我尝试搜索其他 SO，但所有这些都使用 select2 的 3.5.xx 版本

我包含了图中示例的 jsfiddle，我正在寻找对验证器默认值的调整，以使 select2 看起来统一

http://jsfiddle.net/z49mb6wr/

In the new version of Select2 4.0 the focus event has been removed. how can I put it into practice or how can I make it work? Since I have been trying to do it myself.

是否可以在 Select2 下拉菜单上按下“x”按钮并allowClear启用设置默认（预定义）值？