Chosen – JQuery Love for HTML Select Fields

If you develop applications with HTML select fields you know that anything longer than 10 options is a recipie for customer complaints, and usability nightmares, well the guys of Harvest (http://www.getharvest.com) provide Chosen a way to make select fields more useable, searcheable with even a Facebook like select for multiple options. This is also used in their timesheet and invoicing software.

You do not need to change your application, just:

a) Include their Javascript file

b) Add add a “chzn-select” class to your select fields

c) Call $(“.chzn-select”).chosen(); to initialize and you are good to go.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: