User-friendly Multi Select Plugin For Bootstrap 5/4 – BsMultiSelect

Form
File Size: 25.29 KB
Views Total: 1787 views
Last Update:November 24, 2022
Publish Date: May 12, 2018
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

A Free jQuery Plugins with BsMultiSelect is multiselect input plugin. it’s call as dropdown multi select input tags. user can choose from input drop down list one or multiselected display in input box. its also support with search filter to select list. if need to clear simple click on cross X button. multi select drop down box easy to select and delete.

More Features:

  • RTL support.
  • Allows to implement as an ES module (requires no jQuery).
  • Form validation.
  • Live filter.
  • Licensed under APACHE 2.

How to use :

Add jQuery library and Bootstrap 5 (or Bootstrap 4) framework installed.

<!-- Bootstrap Stylesheet -->
<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<!-- jQuery Is Optional -->
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="/path/to/cdn/bootstrap.bundle.min.js"></script>

Add the jQuery BsMultiSelect plugin’s script after jQuery.

<!-- For Bootstrap 5 -->
<script src="dist/js/BsMultiSelect.min.js"></script>

<!-- For Bootstrap 4 -->
<script src="dist/js/BsMultiSelect.bs4.min.js"></script>

Add the function dashboardCodeBsMultiSelect on the multi select list and the plugin will do the rest.

<select name="states" id="example" class="form-control"  multiple="multiple" style="display: none;">
  
<option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>
  <option value="AR">Arkansas</option>
  <option selected value="CA">California</option>

</select>
$(function(){

  $("select").bsMultiSelect();

});

Done

Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :
  • 0.6.0
  • 0.5.10
  • 0.5.0
  • 0.4.0
  • 0.3.0
  • 0.2.24
  • 0.2.23
  • 0.2.22
  • 0.2.21
  • 0.2.16
  • 0.2.15

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.

Related jQuery Plugins

You Might Also Like