Chosen is a library for making long, unwieldy select boxes more user friendly.

The chosen-rails gem integrates the Chosen with the Rails asset pipeline.

Include chosen-rails in Gemefile

gem 'chosen-rails'

Then run bundle install

Add to your app/assets/javascripts/application.js if use with jQuery

//= require chosen-jquery

Or with Prototype

//= require chosen-prototype

Add to your app/assets/stylesheets/application.css

*= require chosen

Add to one coffee script file, like scaffold.js.coffee

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

Notice: width option is required since Chosen 0.9.15.

And this file must be included in application.js

//= require chosen-jquery //= require scaffold

Also add the class to your form field

<%= f.select :author, User.all.map { |u| [u.name, u.id] }, { include_blank: true }, { class: 'chosen-select' } %>

If you use simple form as form builder

<%= f.association :author, collection: User.all, include_blank: true, input_html: { class: 'chosen-select' } %>

Since version 0.13.0, non-digested assets of chosen-rails will simply be copied from digested assets.

Maintain chosen-rails gem with Rake commands.

Update origin chosen source files.

rake update-chosen

Publish gem.

rake release

use MIT license.