chosen-rails

rails select 下拉栏 chosen-rails
https://github.com/tsechingho/chosen-rails

gem ‘chosen-rails’

# JS 代码
# scaffold.js.coffee 
$ ->
  # enable chosen js
  $('.chosen-select').chosen
    allow_single_deselect: true
    no_results_text: 'No results matched'
    width: '200px'

==================================
# 或者 使用JQuery
$(function() {
  // enable chosen js
  $('.chosen-select').chosen({
    allow_single_deselect: true,
    no_results_text: 'No results matched',
    width: '200px'
    });
});

# View 代码
<%= f.select :style_color,Color.all.map { |color| [ "#{color.style.crowd.name}-#{color.style.name}-#{color.name}", color.id] },
               { include_blank: true },{ class: 'chosen-select' } %>

select 下拉栏可以输入文字直接匹配和过滤。