background preloader

Select Boxes

Facebook Twitter

SelectBoxIt. Turns this Description SelectBoxIt allows you to replace ugly and hard to use HTML select boxes with gorgeous and feature rich drop downs. Twitter Bootstrap, jQueryUI, and jQuery Mobile themes are supported right out of the box. If you don't want to use these a library theme, then you can use the SelectBoxIt default theme, which closely resembles the Twitter Bootstrap theme. Feel free to customize the default theme to your liking. To use SelectBoxIt, you do not have to rewrite any of your existing form validation logic or event handling.

The project is hosted on Github, the annotated source code is available, and an online test suite is also available via Travis CI. Fork on Github » Also, if you would like to receive updates about new SelectBoxIt releases, you can subscribe to the SelectBoxIt Mailing List Examples Note: You can try all SelectBoxIt options, events, and methods inside of the HTML editor at the top of the page.

Theming Support Default Theme Example Code Bootstrap Theming Support. Select2 - The jQuery replacement for select boxes. Custom Drop-Down List Styling. Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups Selected and Disabled Support Chosen automatically highlights selected options and removes disabled options.

Single Select Multiple Select Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. Default Text Support Chosen automatically sets the default field text ("Choose a country... ") by reading the select element's data-placeholder value. Note: on single selects, the first element is assumed to be selected by the browser. No Results Text Support Setting the "No results" search text is as easy as passing an option when you create Chosen: Limit Selected Options in Multiselect You can easily limit how many options the user can select: Right-to-Left Support. SelectBoxIt by Greg Franko. Turns this Description SelectBoxIt allows you to replace ugly and hard to use HTML select boxes with gorgeous and feature rich drop downs.

Twitter Bootstrap, jQueryUI, and jQuery Mobile themes are supported right out of the box. If you don't want to use these a library theme, then you can use the SelectBoxIt default theme, which closely resembles the Twitter Bootstrap theme. Feel free to customize the default theme to your liking. To use SelectBoxIt, you do not have to rewrite any of your existing form validation logic or event handling. The project is hosted on Github, the annotated source code is available, and an online test suite is also available via Travis CI.

Fork on Github » Also, if you would like to receive updates about new SelectBoxIt releases, you can subscribe to the SelectBoxIt Mailing List Examples Note: You can try all SelectBoxIt options, events, and methods inside of the HTML editor at the top of the page. Theming Support Default Theme Example Code Bootstrap Theming Support.