问题标签 [jquery-select2]

我在表单上使用 select2。但是想在整个应用程序中使用它。

我的 application.html.erb 中有这部分

在我看来，这是：

这是视图中的实际输入：

这工作没有任何问题。但是我不想在所有视图中重复这一点，而是想用 simple_view 处理它。

最好是如果我使用：

它会自动将其放入 :document_ready 部分。因此，如果页面上有 3 个选择，它将使用 :select2 中指定的所有选项对所有选择执行此操作

这可以通过自定义输入实现吗？还是有什么其他方式？

我有一个如下所示的 select2 列表框：

第一个值是空的，它工作正常，但盒子似乎不够高。

我进行以下调用来创建它：

这是调用 select2 之前的 HTML：

我首先看到有一个空值，这没问题，但它应该正确显示它，而不是高度的一半。

我正在使用select2 来设置用于在我的 grails 项目中为我的应用程序标记支持的字段。

在 html 我已经包括

在我的脚本中

js 和 css 文件包括在内，但控制台中显示的错误是

谁能帮我解决这些问题？

我正在使用 Igor Vaynberg 的 Select2 jQuery 插件和Infinite Scroll with Remote Data选项来为我的网站创建一个自动完成搜索框。AJAX 运行良好，结果显示出来，但它们是不可选择的——更改事件永远不会触发，当您单击结果时，什么也不会发生。

Chrome 控制台中也没有显示任何错误，所以我认为这不是语法错误，而是插件将其误认为是禁用的选择框。编辑：已经为结果列表尝试了一个单独的点击事件，它也从未被触发，我现在很确定有什么东西干扰了这些事件。

这是我目前的代码，

选择框本身只是一个输入类型：隐藏

我正在打开一个表格来编辑一些记录。我正在使用“无限滚动选择2”。

我希望输入显示已保存到该字段的选项（我正在编辑记录...）

我怎样才能做到这一点？这种方式行不通：

我创建了一个 jsfiddle 来表明：http: //jsfiddle.net/lucianocosta/Dyh8W/1/

我正在使用select2进行标记

我对 select2 有这些要求：

1. 我需要使用 select2 ajax 搜索一些标签
2. 我还需要在 select2 中使用“标签”，它允许不在列表中的值（Ajax 结果）。

这两种情况都独立工作。但是连接在一起的 aJax 值只会被填充。如果我们键入不在列表中的任何其他值，那么它会显示“未找到匹配项”

我的场景如果用户键入任何不在列表中的新值，允许他们组成自己的标签。

有什么办法可以使这项工作？

我正在使用此答案中建议的下拉编辑器，创建如下选择：

现在我想使用select2作为下拉菜单。

为了适用select2于下拉一个必须调用$("#my_select").select2()。由于选择编辑器是动态添加到网格中的，因此对我来说如何做到这一点并不明显。

我需要类似 after_render 但在显示事件之前将 select2 应用于它。将不胜感激任何提示。

我正在使用带有 AJAX 的 Select2（下面的代码）：

好吧，如果没有找到客户端，用户可以使用一个按钮打开一个模态并添加新客户端，可以使用新客户端的返回（带有 id 和名称的 json）并将数据（如名称）放入 select2被选中？

我正在使用 Twitter 引导程序和出色的 Select2 插件。

这些工作得很好，我意识到你需要{width: 'resolve'}在启动 Select2 时进行设置，否则它看起来会一团糟！。

但是我的一个选择有问题，如下图所示，Referee Type选择的宽度不正确。

这是由于该字段最初是隐藏的，并且只有在“组”字段中选择了“裁判”时才可见。

那么，我该如何解决这个问题？

我在同一个 Web 应用程序中使用 angular-ui 和 bootstrap，在尝试使用 ui-select2 组件时遇到问题：一切正常，除了在下拉列表中选择一个元素时，它没有显示在组件，它显示为空，尽管 ng-model 关联变量已正确更新。如果我从主页中删除 bootstrap.js 文件的包含，这种奇怪的行为就会消失。有没有人同时使用 angular-js 和 bootstrap 和/或知道任何调整以申请让它们一起工作？

更新：

ui-select2 组件位于 input-append div 中，只需删除 div 即可解决问题。我在这里创建了 Angular-ui ui-select2 原始沙盒演示的一个分支。您可以转到“版本 2”示例并检查在列表中选择一个值是否正确更新了模型，但没有更新输入元素。