问题标签 [jquery-select2-4]

在我的表单的选择元素中使用 Select2 4.0，那些打算在 Ajax 模式下动态填充的元素在 IE9 中不起作用。它显示一个没有占位符的空选择。

经典模式（预填充的选择列表）中的那些正在正确显示和工作（select2 search..）。

在其他页面使用旧版本3.5.2，问题不会出现...！

这是一个已知的问题？可修复的？

谢谢

这是JS：

的HTML：

以及在普通客户端（Chrome）中输入 select2 字段时从服务器返回的示例：

谢谢

我想要实现的是使用带有多个选项的 select2（版本 4.0.0-rc.2）多次选择同一个项目，所以基本上重复选择选项/ID。

例如我有数据：

[{'id': 1, 'text': 'A'},{'id': 2, 'text': 'B'},{'id': 3, 'text': 'C'}]

目前，我只能选择这些选项中的每一个。所以如果我选择 B（id 为 2），我不能再选择 B。

我希望能够选择以下列表；A, C, B, C, B, A这应该导致带有id的数组或字符串1, 3, 2, 3, 2, 1

根据此页面：https ://github.com/select2/select2/issues/1002这应该是可能的。但是我在文档中的任何地方都找不到它。

小提琴：http: //jsfiddle.net/eL7q2y14/1/

我想知道是否：

1. 有一个浏览器版本的 jquery-select2 4.x 插件可以通过 npm 获得吗？
2. 如果没有，我需要做什么才能让 jquery-select2 4.x 与我的基于 npm/browserify 的项目一起工作？

我正在查看 github 上的源代码，似乎有一个可用的 require/almond.js 版本。相同版本可以与 browserify 一起使用而无需任何更改吗？

如果我想在使用 npm 和 browserify 的项目中使用 jquery-select2 插件，我究竟需要做什么？

提前致谢。

我正在使用 select2 4.0 版，我正在尝试对从 ajax 调用获取其数据的选择框进行编程选择。

在文档中，我发现了如何以编程方式将值设置为常规 select2，但我无法弄清楚如何使用 ajax 选择来执行此操作。

如果我没记错的话，在旧版本中，您可以通过使用以下命令将数据传递给 select2 来设置当前值：

我已经尝试过了，并发送了一个带有 id、文本和结果的数据对象，但没有任何可见的反应，当我查询选择框的状态时，要查看所选值，它返回 null。

这个选项是被删除了，还是简单地改变了？在文档中哪里可以找到它，或者如何实现所需的行为？

似乎我无法弄清楚如何将额外的 css 添加到生成的容器中。我正在滚动浏览源代码，发现了一些关于 CssContainer 的东西，但没有让它工作。

由于文档中没有提到任何想法......？

亲切的问候，德怀特

似乎无法弄清楚这里有什么问题。这在使用 3.5 时效果很好，但不适用于 4.0。

我也在使用 select2.full.js，它支持以这种方式使用输入。

html:

js：

get_application_list.php：

我正在使用 select2 4.0，当我从 json 文件加载数据时，所有创建的元素都不会触发select2:select事件。我认为这与事件委托有关，但网站上的示例似乎做得很好。

在过去的一个小时里，我一直在为此烦恼，我只是不明白我错过了什么。

现在我正在使用它来选择一个项目，但这显然不起作用：

绑定$(...).on('select2:select');永远不会触发，但$(...).on('select2:open);会触发。所以我不确定发生了什么。

然而，我确实注意到，当数据加载后，没有<option>创建任何标签。

这是我处理这件事的整个 JavaScript：

有人可以告诉我我在这里做错了什么吗？我只是不明白。

我正在使用最新版本的 Select2: Select2 4.0。

我想允许用户输入自由文本。换句话说，如果用户在下拉列表中找不到选项（ajax 返回的数据），我希望他们能够“选择”他们输入的任何文本。

这是我的标记：

这是我用来初始化 Select2 的 JavaScript：

我添加了createSearchChoice，但它不起作用。我也看过这个答案，但到目前为止还没有运气。

我再次进行 3.5 -> 4.0 升级，并且“几乎”让这个用例像以前一样工作。我现在坚持的是如何始终将某个选项添加到 ajax 结果列表中。

这是我现在拥有的：

html:

js：

这将加载“默认”作为初始选择的选项。如果用户改变了这个，那么它就消失了。如果需要，我想要一种方法让他们恢复到最初的选择。将它作为选项包含在我从 ajax 返回的结果中的唯一方法是什么？或者有没有办法在js端做到这一点？

更新：

默认选择将始终是动态的，但在此示例中，我们使用的值/名称为“默认”。

然后在js中：

在从select2 3.5 -> 4.0切换的过程中。我现在遇到了在 boostrap 模态中使用时出现问题的情况。

在 3.5 中，我使用了这样的东西，使它们能够正常运行：

4.0 中的类和其他很多东西都发生了变化，这不再有任何作用。我假设问题与 z-index 相关，但不确定。我select在模态之外测试了相同的内容，它按预期工作，这就是为什么我假设它与 css 相关。输入显示，但下拉、搜索等不显示。有没有其他人遇到过这个并找到了解决方案？

编辑jsfiddle：

这与我的用例略有不同 - 我使用load()将远程内容注入模态然后将其显示出来，但同样的问题在这里发生。您无法专注于搜索输入以键入任何内容。奇怪的是，我注意到它在 Internet Explorer 11 中有效，但在最新的 Firefox、Chrome 或 Safari 中无效。

模态小提琴