Chosen is a javsacript plug-in for Prototype (jQuery support coming soon) that makes long, unwieldy select boxes much more user-friendly.

Standard Select

Multiple Select

Why use Chosen?

• Easier to Use

  Instead of forcing your users to scroll through a giant list of items, they can just start typing the name of the item they were looking for.

• Progressive Enhancement

  Because chosen replaces normal html select fields, you don't need to do anything special to make it work for browsers without javascript.

• Lightweight

  Even un-minified, Chosen's JS, CSS and Images weigh in at under 50k.

• Painless Setup

  Add Chosen's files to your app and then add the class chzn-select to your select box. That's it, you're done!

Setup

Using Chosen is easy as can be.

1. Download the plug-in and copy the related files to your app.
2. Add the class chzn-select to any select box.
3. Disco.

FAQs

• Why did you build this built for Prototype?
• What browsers are supported?