Chosen

Chosen is a javsacript plug-in for Prototype (jQuery support coming soon) that makes long, unwieldy select boxes much more user-friendly. For more information (including usage, explanation and faqs), check out the online documentation.

Standard Select

Turns This
Into This

Multiple Select

Turns This
Into This

<optgroup> Support

Single Select with Groups
Multiple Select with Groups

Setup

Using Chosen is easy as can be.

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