问题标签 [select2]

我在 jQuery select2 (bootstrap) 插件上有一个奇怪的问题。一切正常，但建议 HTML 按原样显示（以纯文本形式）。我正在实现的代码如下：

响应是“<div class="col-md-12">Name</div>” 我在 JQuery 1.11.3 上使用版本 Select2 4.0.1

我有一个带有简单输入和 select2 输入的表单，如下所示：http ://codepen.io/anon/pen/QyBxwE

在第一个输入集中时按 Enter 应该提交表单（在这种情况下，重定向到 404 页面）。

出于某种原因，多个 select2 输入会阻止表单提交。如果我删除select2类或multiple属性，表单会正常运行。

在 Safari、Chrome 和 Firefox 上的 Mac OS X Yosemite 上进行了测试，并且在所有浏览器上始终如一。

（我正在使用 jQuery 2.1.3 和 select2 4.0.1）

我有以下代码：

当我必须closeOnSelect拥有false套装maximumSelectionLength时，我可以毫无问题地选择超过 5 个项目。当我在选择超过 5 个项目时单击远离下拉列表并尝试添加另一个时，我收到消息“您只能选择 5 个项目”。

是否有任何解决方法可以让这两个属性一起工作而不会发生冲突？

我目前正在使用 Select2 4.0.1。

更新：

我接受了 pratikwebdev 的建议并添加了以下代码：

maximumSelectionLength一旦我选择了 5 个项目并且该属性将正常工作，这实际上将关闭下拉列表。但现在这closeOnSelect是真的，所以每次我选择一些东西时，下拉菜单都会关闭。

有没有办法切换closeOnSelect？

我有这样的依赖字段

如果我有 5 个<List/>组件。如何将Select2添加到每个组件中。我在网上搜索了一下。但找不到任何可行的解决方案。

以下代码用于react-select .Getting error TypeError: event.target is undefined。

我正在使用 select2 来加载远程数据。我将 minimumInputLength 声明为 3 个字母，因此之后它将开始搜索。每当我在快速打字时碰到第四个字母时，我都会收到一个 Javascript 异常：

对不起。与服务器通信时发生错误。请稍后再试。

我怎样才能避免这种情况？我已经将 quietMillis (waitTimesMs) 更改为更低或更高（这甚至与它有关吗？）。

每一个帮助都是感激的。

我的代码是这样的：

$(function () { $("#Search").select2({ minimumInputLength: 3, ajax: { url: site, dataType: "json", quietMillis: waitTimeMs, data: function (params) { var page = (params.page || 1) - 1; return { searchText: params.term, pageCount: 10, page: page }; }, processResults: function (data) { var select2Data = $.map(data.Items, function (obj) { obj.id = obj.ID; obj.text = obj.Name; return obj; }); return { results: select2Data, pagination: { more: (data.PageNo * 10) < data.TotalCount } }; }

我有一个多个 ui-select 小部件，我需要通过单击更新按钮来更新选择。

如果我对人员变量使用字符串数组，它可以正常工作。但是当我使用对象数组时，重复项会出现在选项中。这是片段http://plnkr.co/edit/Jbhv1stbXEdNnt3of5aW?p=preview我怎样才能避免与对象重复？请帮忙。

现在我的任务是将一些 html（带有附加过滤器的 div）附加到过滤器区域。Unfotrunally 我找不到一些允许它的选项。有办法吗？

有一个我需要的例子

我的 Select2 下拉菜单有一些问题。我最初只需要在我的 drop dpwn 上选择一个项目，但我现在需要将它作为一个 manytomanyfield，所以 Select2 似乎是最好的选择。

这是我的原始代码

JS

API

这对于单选非常有效。现在我正在尝试转换为 Select2，但我用它碰壁了我似乎无法在下拉列表中得到任何结果

并使用相同的 api 调用

这将是一个奇怪的问题......

我在为客户开发的网站上遇到问题。我在 Bootstrap 3 模态窗口中有几个 select2 输入。在较小的屏幕上，模式窗口可以垂直滚动，直到您专注于两个选择输入之一。之后，您无法以任何方式滚动它。使用键盘、滚轮或拖动滚动条。

我试图制作一个可以重现错误的小提琴，因为我无法向您展示我正在处理的网站，但是在小提琴上，无论您做什么，滚动都有效。

https://jsfiddle.net/maidomax/ckuoe762/4/

我也试着摆弄这个：

但这没有什么区别。所以...我不得不换一种方式问这个问题。

什么可能阻止模态滚动？滚动条是可见的，并且它没有被禁用，但它被卡住了，并且您无法以任何方式移动它。div 或文档的其他部分是否有一个属性可以设置为获得这种类型的行为？

我在我的网站上使用了一个 select2，比如说有 10 个选项。所以我有这个js：

选择选项 1 后，我想禁用 Select2 上的所有其他选项。不知何故，就像跳过 maximumSelectionLength 并突然只允许选择一个。但这只有在我选择选项 1 时才会发生。

例如，如果我选择选项 2，我只需要停用选项 1。

因此，一般来说，如果选择了其他选项，则选项 1 需要从最多 3 个选项中排除，并且应该停用所有其他选项，以防一开始就被选中。我希望我在描述中说得很清楚。

这样的事情可能吗？如何？

我试过这个>

这实际上在选择选项 1 时为所有选项添加了 disabled 属性，但不是在生成的 select2 html 代码上，仅在我的初始 html 上，所以它实际上不起作用。

提前致谢