Chosen is a jQuery plugin that makes long, unwieldy ordinary select boxes much more user-friendly. Comes with a number of options and attributes that allow you to have full control of your select boxes.
The following select types are supported:
- Standard Select
- Multiple Select
- <optgroup> Support
- Selected and Disabled Support
- Hide Search on Single Select
There is also available a Prototype version of Chosen.
Setup
Using Chosen is easy as can be.
- Download the plugin and copy the chosen files to your app.
- Activate the plugin on the select boxes of your choice:
$(".chosen-select").chosen();
[nggallery id=14]
- Source & Live Demo: http://harvesthq.github.io/chosen/
- All modern browsers are supported (Firefox, Chrome, Safari and IE9). Legacy support for IE8 is also enabled.