Posts Tagged ‘jquery’

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.

%d bloggers like this: