jQuery Multiple Select Plugin For Bootstrap – Bootstrap Multiselect

File Size: 13.7 KB
Views Total: 2243 views
Last Update:January 01, 1970
Publish Date: January 01, 1970
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

A Free Multiple Select Plugin with Bootstrap 3 & 4 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:

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

Here, we’re adding one CSS file for appearance and JavaScripted files into the existing code.

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

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

Here, the jQuery library needs to be included in both the Javascript library and the CSS stylesheet.

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

Create a standard select list.

Now we’re simply using HTML to create your select input, which we want to turn into a multiselect. So we created a tag <select> with an id called demo and attribute set to multiple. Here Multiple attributes will act as a simple multiselect.

<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>

Call on function with select element to initialize the plugin.

In the end, we’re calling the function multiselect.



List Of Version :


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.