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 下拉栏可以输入文字直接匹配和过滤。