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
SlideSelect : jQuery Replace your dropdowns
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.
Features:
- 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 : jQuery plugin User Friendly Select Element
Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.
Features:
- Works great on both single and multiple select elements.
- Falls back nicely for clients without JavaScript enabled.
- Integrates nicely with Twitter’s Bootstrap markup.
TabSelect jQuery Plugin
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).
jQuery Facebook Multi-Friend Selector Plugin
I created a new jQuery pluging that works with the new Facebook javascript SDK to present a users list of friends and allows them to select the friends they would like to do X with. That “X” is up to you; once the user has selected their friends, you call a function on the plugin that returns an array of the friends Facebook Ids. A few key points:
- client-side, no server-side PHP blah blah blah dependencies like some of the other alternative friends selectors
- depends on jQuery and the new Facebook Javascript API
- only requires several lines of code to drop-in
bsmSelect : Better jQuery Select Multiple with Demo
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.
