Ruby 在 Rails 上过滤来自 table 的项目的搜索字段下拉列表

Question

我正在尝试创建一个下拉列表，只允许 selection 来自 table 列中的项目。由于有成千上万的项目，我的简单下拉菜单不实用，所以我希望创建一个搜索字段，用户可以在其中开始输入项目的名称并更改下拉列表，以便他们可以 select 来自只有能干的。我知道这很难想象，但类似于此：http://www.gsmarena.com/compare.php3

我是 Ruby 的新手，为了找到解决方案进行了很多搜索，但我不知道要搜索什么才能完成此任务。我希望你能指出我正确的方向。谢谢。

Answer 1

最简单的使用方法是使用诸如 Select2 之类的库：https://select2.github.io/ or chosen: https://harvesthq.github.io/chosen/。它将为您完成所有过滤工作。查看演示。

Answer 2

搜索 collection_select 非常简单。我是这样做的。安装 select2 gem

gem "select2-rails"

需要 javascript 和 css

#application.js
//= require select2

#application.css
*= require select2
*= require select2-bootstrap

获取您要排序的 collection_select 的 'id' 并将其放入相应的 .coffee 文件

$(document).ready ->
  $('#collection_select_id_here').select2({ width: '75%' })
  return

我发现需要宽度，否则盒子会太小。

Ruby 在 Rails 上过滤来自 table 的项目的搜索字段下拉列表

Ruby on Rails Search filed drop-down that filers items from table

ruby-on-rails

dropdown