问题标签 [select2-rails]

我有“选择国家”和“选择城市”表格，如果“选择国家”没有价值，它会显示“请选择国家”文本，当我选择国家时，它会从中加载“选择城市”。它工作正常。但是，当我尝试使用 select2 jquery 时，select2 仅适用于“选择国家”表单，但不适用于“选择城市”表单。

这是我的代码：在 _form.html.erb

在 _subregion_select.html.erb

在addresses.js.coffee

非常感谢您的回答。

我有这行代码：

我想求助

在 simple_form 中使用自定义输入。我如何实现这一目标？到目前为止，我有：

通过包含“select2-rails”gem，我一直在使用select 2 jquery插件。

我为使其工作所做的唯一更改是在 html 页面加载时初始化插件：

然后我将 e2 值分配给视图文件中的 select_tag 输入：

当用户单击输入时，它会自动显示一个下拉列表，其中包含供用户选择的选项。我认为如果用户在下拉列表出现之前先开始输入会更好（作为 Chrome 浏览器）。

我检查了文档，没有发现任何对此有帮助的东西。我确信一定有我遗漏的东西。任何想法？

在升级指南中它指出

Rails 4.0 移除了 ActionController::Base.asset_path 选项。使用资产管道功能。

我目前正在从 Rails 3.2 升级到 Rails 4.1。在我的应用程序中，我使用了 select2-rails gem，在我的 js 中，我为选择菜单选项添加了一个图像：

以上在我的 Rails 3.2 应用程序中工作，但我似乎在升级到 4.1 时破坏了它，现在收到以下错误：

Sprockets::FileNotFound - couldn't find file '" + image.id.toLowerCase() +"'

在 Rails 4.1 中，asset_path 助手是否仍然可用？如果是的话，关于我可能出错的地方有什么想法吗？

更新

上面的代码在我的 .js.erb 文件中，它允许我在我的 js 文件中包含 Ruby 代码。这目前在我的 Rails 3.2 项目中运行良好。我这样做是因为 select2 允许我们按照以下示例格式化选择菜单项的显示：

我的理解是使用资产管道路径而不是手动添加诸如“资产/图像/图标/小”之类的东西是正确的用法

无论如何都可以简单地获取图像资产目录而无需指定特定资产？

在 Rails 3.2 中，我的js.erb文件中有以下内容：

var image_path = "<%= asset_path('" + image.id.toLowerCase() +"') %>"

这将允许我使用 select2 在选择菜单中显示图像。由于升级到 Rails 4，这不再有效（在开发和生产中）并且会抛出找不到文件的错误。我认为这是因为我的 erb 在我的 js 之前被调用，因此它没有要查找的图像名称。我不知道为什么这在 Rails 3.2 中有效。

我认为作为一种解决方法，我可以在 js 中获取默认资产图像路径，然后将我的图像名称添加到其中。例如：

我有一个场景，当用户搜索空格时我不应该显示任何结果。如何实现它。有什么方法可以在 select2 中验证和搜索？

我在我的 Rails 应用程序中使用 select-2 来自动完成带有 Ajax 调用的字段并允许多个值。

我的 CoffeScript 文件：

如果服务器没有结果，我希望能够添加新项目，目前它不允许我添加新项目（未保存在服务器上并通过 Ajax 调用填充）。

以下功能在本地测试时正确显示从 /assets/images/icons/... 目录访问的图像；

/icons/ 目录下的图片有：

1. shape_low.png
2. shape_medium.png
3. shape_high.png

这些在select2下拉列表中正确绑定到item.id. 但是，一旦我将代码部署到生产环境（Heroku），它就不会在 select2-rails 下拉列表中显示图像。原因是生产中的图像路径似乎类似于“/assets/logo-200a00a193ed5e297bb09ddd96afb953.png”。如何在生产服务器上引用该动态路径？

谢谢

我有 Rails 应用程序，可以从中选择国家/地区：

= f.input :country, label: t("heading.country"), as: :string, input_html: { class: 'select2', data: { allowadd: true, depth: 0, id: @post.location.country.id, url: search_locations_path } }

Select2 通过以下方式附加到此元素：

因此，如您所见，我可以选择国家或添加一个国家（如果没有可用的国家）。此外，我正在从 input 加载初始值，并从inside加载valid 。data-idinitSelection

当我选择国家并提交表单时，一切正常：post_params['country']等于所选国家/地区的 id，但如果我提交表单而不更改所选值（保留默认值），则post_params['country']保留value，而不是id.

我在哪里错了，如何解决？

我有一个带有多个 optgroup 的 select 元素，其中不同 optgroup 中的选项可能具有相同的值。例如（参见“Apple”和“Potato”选项）：

使用普通选择，尝试使用 jQuery 查找所选选项会产生正确的结果。 $('#food_select').find(:selected)

但是，当应用 select2 并选择$('#food_select').find(:selected)了 'Potato' 时，返回 'Apple' 选项，这是第一个值为 '1' 的选项。

所有其他选定的选项都可以正常工作，因此 select2 似乎没有正确处理重复值。我创建了一个展示这种行为的 JSFiddle，位于：http: //jsfiddle.net/e57m9cax/。

这种行为是否有解决方法或修复方法？

我可以将其拆分为两个单独的选择元素，但不是出于 UX 原因。任何方向将不胜感激。

谢谢。