Best jQuery SelectBox Plugins & Tutorials with Demo

    jQuery MultiSelect Plugin

    jQuery MultiSelect Plugin

    Turn a multiselect list into a nice and easy to use list with checkboxes.

    jQuery Searchable Option List

    jQuery Searchable Option List

    Searchable Option List (SOL) is a jQuery plugin which replaces your regular HTML <select> elements with a searchable, user friendly component. It works for regular option lists as well as those marked as multiple.

    • fully searchable options
    • various types of loading the data
    • easy to use multi select (no Ctrl press needed)
    • fully stylable with CSS

    Zelect : jQuery Plugin for Custom Select Elements

    Zelect : jQuery Plugin for Custom Select Elements

    Zelect is a jQuery plugin to create custom <select> elements.

    Features:

    • Lightweight
    • Zero base CSS, roll your own
    • Customizable
    • Handles asynchronous paged loading of large option lists (read: AJAX-ready-and-enabled)
    • Initializable in a detached or hidden DOM node
    • Programmatically selectable and changeable
    • Unit-tested

    Quick[select] : jQuery plugin for Quick Selection

    Quick[select] : jQuery plugin for Quick Selection

    A jQuery plugin for quick selection of common options in select boxes. Quick[select] uses the browser’s native select list for overflow, meaning it will work great on all devices.

    SmartSelect : jQuery Multiple Select plugin

    SmartSelect : jQuery Multiple Select plugin

    SmartSelect is a jQuery multiple select plugin. It is nice, fast and has lots of useful features which can not be found in other select plugins.

    SmartSelect handles complex data models, supports hierarchy structures, and also is able to combine several selects into one and make you page clean.

    jQuery Nice Select Plugin

    jQuery Nice Select Plugin

    A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.

    folderselect.js : Hierarchical Select plugin for jQuery

    folderselect.js : Hierarchical Select plugin for jQuery

    folderselect.js is a jQuery plugin that let’s you display hierarchical data in a folder structure similar to the explorer in Windows. The goal with this plugin was to have a kind of hierarchical select box.

    Css-only Alternative to the Select Element

    Css-only Alternative to the Select Element

    In this tutorial, I will present you my alternative solution to the select form tag. It’s css-only and it looks simple but really nice. We will use a list of radio elements, styled as a drop-down list, that will look and behave similarly to the select element

    Bootstrap Chosen : AutoComplete Select Box for Bootstrap

    Bootstrap Chosen : AutoComplete Select Box for Bootstrap

    An alternate stylesheet for Chosen that integrates with Bootstrap.

    Select2 Bootstrap : jQuery Select box for Bootstrap

    Select2 Bootstrap : jQuery Select box for Bootstrap

    Simple css to make select2 widgets fit in with bootstrap.