Best jQuery SelectBox Plugins & Tutorials with Demo

    cSelect : jQuery Custom Select Box Plugin

    cSelect : jQuery Custom Select Box Plugin

    jQuery cSelect is a plugin that creates custom select boxes and uses native select methods.

    Hierarchy Select jQuery Plugin for Twitter Bootstrap

    Hierarchy Select jQuery Plugin for Twitter Bootstrap

    A jQuery hierarchy select plugin used for selecting hierarchy structures in a selectbox format with autocomplete search.

    jQuery Position picker Plugin

    jQuery Position picker Plugin

    Position picker is jQuery plugin. Can be used as a web component to improve user interface.

    jQuery Pretty Dropdowns Menus

    jQuery Pretty Dropdowns Menus

    Pretty Dropdowns is a simple, lightweight jQuery plugin that converts <select> drop-down menus into “pretty” menus that you can style using CSS. Full keyboard navigation is supported (you can go directly to a menu option by typing its text). As an extra bonus, it does its best to keep the menu options within the viewport.

    Choices.js : Customisable Selectbox Text Input Plugin

    Choices.js : Customisable Selectbox Text Input Plugin

    A vanilla, lightweight (~15kb gzipped), configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

    • Lightweight
    • No jQuery dependency
    • Configurable sorting
    • Flexible styling
    • Fast search/filtering
    • Clean API
    • Right-to-left support

    PopSelect : jQuery plugin to replace Select with Popover

    PopSelect : jQuery plugin to replace Select with Popover

    A jQuery plugin to replace the traditional <select> box with a sleek Popover with options pre-populated. Better User interface than any other multiselects.

    Select.js : Styleable Select Elements

    Select.js : Styleable Select Elements

    Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.

    PickList : jQuery MultiList Picker

    PickList : jQuery MultiList Picker

    A simple PickList using jQuery and Bootstrap.Picklist is a multiselect box plugin.

    Vue Select : JS Multiselect Library

    Vue Select : JS Multiselect Library

    Rather than bringing in jQuery just to use Select2 or Chosen, this Vue.js component provides similar functionality without the extra overhead of jQuery, while providing the same awesome data-binding features you expect from Vue. Vue-select has no JavaScript dependencies other than Vue.

    jQuery Editable Select

    jQuery Editable Select

    jQuery Editable Select is a jQuery plugin that transforms a select into an input field where single elements are shown in real-time according to the entered characters. It scales down to a real select list when javascript is not available.