jQuery Multiple Select Plugin For Bootstrap – Bootstrap Multiselect

Form
Demo    Download
File Size: 13.7 KB
Views Total: 68 views
Last Update:November 19, 2020
Publish Date: November 15, 2020
Official Website: Go to website
License: MIT

A Free Multiple Select Plugin with Bootstrap in jQuery Plugin that permits the clients to choose numerous choices from a dropdown select rundown containing the single alternatives with checkboxes.

More Features:
  • HTML content in options.
  • Right or Top dropdown options.
  • Select All option to select all options with a single click.
  • collapsible Options with Groups.
  • Allows with filter options.
  • Custom templates options.
  • Keyboard accessible.
  • Server-Side Processing.
  • And much more.
Alternative plugins:
  • jQuery Plugin With Multiple Select Box Plugin
  • jQuery Plugin Multiple Select Element Replacement Plugin – selectlist
  • jQuery Plugin For Selecting Multiple Elements – Multiple Select
View more Multi Select plugins at:
  • 30 Best Multiple Select jQuery Plugins
How To Used:

1. Add jQuery javaScript with library and Bootstrap framework on your page.

<link rel="stylesheet" href="bootstrap.min.css" />
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>

2. Add jQuery bootstrap multiselect plugin on the page, after jQuery library.

<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css">
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>

3. Create a standard select list.

<select id="demo" multiple="multiple">
 <option value="Python">Python</option>
  <option value="C++">C++</option>
  <option value="Javascript">Javascript</option>
  <option value="LISP">LISP</option>
  <option value="jQuery">jQuery</option>
  <option value="Ruby">Ruby</option>
</select>

4. Call on function with select element to initialize the plugin.

$(function(){
  $('#demo').multiselect();
});

Done


Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.