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.
Table of Contents
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.
