Bootstrap Multiselect is a jQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown as dropdown menu containing the single options as checkboxes.
Best jQuery MultiSelect Plugins & Tutorials with Demo
This plugin is a drop-in replacement for the standard <select> element with multiple attribute activated.
- Free (under WTFPL license)
- Works in an unobtrusive fashion
- Fully open sourced
- Keyboard support
- Provides some callbacks
- Fully customizable via CSS
SlideSelect is a script to replace old style <select> dropdowns with a slideable, user-friendly interface. The list of options can be replaced with a list of item names, images and descriptions as you like. You dont have to change any HTML in your code, just call the function on the desired select tag to see it changed. Your forms will be kept safe as well. The script recognizes the “multiple” attribute so you can change multiple selects too. Generated select tags that have previously selected options are just as easy to change because the “selected” option attribute is also supported. You can create horizontal and vertical lists, or grids.
- Replace select dropdowns
- Custom images and descriptions
- 3 exclusive themes
- Custom theme option
- Create horizontal, vertical slides or grids
- Supports multiple selects
- Synchronizes selected options
- No new HTML to your source
- No change to your forms
Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.
- Works great on both single and multiple select elements.
- Integrates nicely with Twitter’s Bootstrap markup.
A plugin to select one or more array or form entries visually, for example to filter a list or replace a multiselect form element.If you toggle an option, the text changes automatically, in other words, you can use that text field in a form to submit the selection. In such a case you would of course hide the text field first.
You’re completely free to style your elements. Default setting for the tabs is a span element, but you can change that in the settings (check the plugin source, the default settings are right at the top).
- client-side, no server-side PHP blah blah blah dependencies like some of the other alternative friends selectors
- only requires several lines of code to drop-in
A progressive enhancement to select multiple form elements using jQuery that makes it much easier to use. This enhancement automatically hides the original select multiple, and instead presents a regular select showing the available options, and an HTML list showing the already-selected options. While hidden, the original select multiple is updated as the user makes changes.
No Ctrl/Cmd-Clicking is necessary to select multiple items, and an accidental click is not destructive. You add or remove items one at a time. Only the already-selected items occupy screen real estate, as they should. A remove link is included with each selected item, which eliminates ambiguity. Viewing and choosing a new item to add requires clicking on the select. This action is inherently more familiar, and displays many more available options at once, than a select multiple. More is seen at a glance and less scrolling (if any) is required to see all available options.Optionally, this type of select is sortable, giving it hierarchy. The user can drag and drop the items to the desired order.
Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item.
Its functionality is similar to the text entry when filling in the recipients fieldwhen sending messages on facebook.
This plugin implement a version of select multiple (select with multiple=”multiple”) with 2 sides and buttons for move option between the 2 selects.