Best jQuery SelectBox Plugins & Tutorials with Demo

    Select2 : jQuery based replacement for select boxes

    Select2 : jQuery based replacement for select boxes

    Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent Chosen library.

    SelectBoxIt : jQuery Select Box Plugin with Demo

    SelectBoxIt : jQuery Select Box Plugin with Demo

    SelectBoxIt is a jQuery plugin that progressively enhances an HTML Select Box into a single option dropdown list. The dropdown list can be optionally styled with ThemeRoller and optionally animated with jQueryUI show/hide effects.

    Load JSON data with jQuery, PHP and MySQL and Demo

    Load JSON data with jQuery, PHP and MySQL and Demo

    This post shows how to populate a select box based on the value of the another, by getting JSON data with jQuery from a PHP script that gets the data from a MySQL database.

    jQuery Selectbox plugin with Demo

    jQuery Selectbox plugin with Demo

    Custom select box replacement inspired by jQuery UI source.

    Auto-populating Select Boxes using jQuery & AJAX

    Auto-populating Select Boxes using jQuery & AJAX with Demo

    If you are familiar with using select boxes for categorisation and sub-categories, such as ebay does when selling an item, usually this can require a lot of JavaScript to maintain the select boxes, but jQuery can hugely simplify this task by adding a dash of AJAX.Allow the user to select a top level category from one select box and to automatically populate the sub-category.

    jQuery SelectBox Plugin

    jQuery SelectBox Plugin

    While it is possible to use CSS to style SELECT elements, browser support and appearance will vary greatly depending on platform and browser.  In our search for a solid, customizable replacement for these finicky controls, we turned up only a handful of possible options that we ultimately weren’t thrilled with for one reason or another. Thus, today we’re introducing a new jQuery plugin that replaces standard SELECT elements so you can customize them entirely using CSS.  We even threw in some extra features for added usability.

    The plugin works by piggy-backing your existing SELECT controls.  Since the original controls aren’t destroyed (they’re hidden), you can easily integrate this plugin into just about any existing form. The plugin degrades gracefully, as users without JavaScript will see the default SELECT controls.

    jQuery Stylish Select

    jQuery Stylish Select box

    A cross-browser, accessible alternative to the standard form element which can be fully customised with CSS.Stylish Select attempts to replicate the functionality of the browser default select box as closely as possible with support for keyboard navigation, and intelligent positioning.

    jQuery Stylish Select aims to have a minimal code footprint and weighs in at just over 3KB when minified.

    FlexBox – jQuery Ajax based Textbox & Selectbox

    FlexBox - jQuery Ajax based Textbox & Selectbox

    FlexBox is a jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, using ajax to retrieve and bind JSON data.

    Chosen a jQuery Select box plugin

    Chosen a jQuery Select box plugin

    Chosen is a javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

    eComboBox a jQuery editable ComboBoxes

    eComboBox a jQuery editable ComboBoxes

    This plugin to allow us to have editable comboboxes (Select element). It allow to add/edit/remove elements from list.