A jQuery plugin for Bootstrap 4 that converts <select> and <select multiselect> elements to dropdowns. Uses Bootstrap's dropdown plugin and fuse.js for fuzzy search.

Use Bootstrap Select Dropdown to improve the user experience for long option lists. Compared to a regular multiselect, this plugin adds:

  • a search box;
  • keyboard navigation for search; and
  • select/deselect all controls.

<div class="form-group">
<select id="demo_overview_example" class="form-control" multiple>
<!-- options -->
</select>
</div>

<script>
$(document).ready(function(){
  $("#demo_multiselect").selectDropdown({
    'htmlClear': '<svg class="ion"><use xlink:href="#ion-close"></use></svg>'
  });
});
</script>