WebAppers

/ best free open source web resources /

Shopify

Professional Javascript Select Boxes for jQuery & Prototype

Posted · Category: Forms, MIT License

Chosen is a javascript plug-in makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors. 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.

Add Chosen’s files to your app and then add the class chzn-select to your select box. Chosen automatically respects optgroups, selected state, the multiple attribute and browser tab order. You don’t need to do anything else except customize the style as you see fit.

chosen-select-javascript

Requirements: jQuery or Prototype Framework
Demo: http://harvesthq.github.com/chosen/
License: MIT License

4 Comments
  • http://mv-designs.eu toi*

    great plugin, but kinda buggy in iOS on the iPad. after selecting an item, the keyboard disappers and immedeatly pops back up.

  • http://emanuele.itoscano.com Emanuele “ToX” Toscano

    Looks really cool! I already love it… :)

  • prototype user

    Good to see someone is still developing scripts for prototype. Not everyone uses jQuery…

  • weldo

    @Toi, I’ve seen this a lot (to the point of frustration) with my iPad and auto suggest on some websites. Haven’t noticed the same thing on the iPhone though.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons