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

Select

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

<script>
$(document).ready(function(){
$("#demo_select").selectDropdown();
});
</script>

Select with option groups

<div class="form-group">
<select id="demo_select_optgroups" class="form-control" multiple>
<optgroup label="Group 1">
<!-- options -->
</optgroup>
</select>
</div>

<script>
$(document).ready(function(){
$("#demo_select_optgroups").selectDropdown();
});
</script>

Multiselect

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

<script>
$(document).ready(function(){
$("#demo_multiselect").selectDropdown();
});
</script>

Multiselect with option groups

<div class="form-group">
<select id="demo_multiselect_optgroups" class="form-control" multiple>
<optgroup label="Group 1">
<!-- options -->
</optgroup>
</select>
</div>

<script>
$(document).ready(function(){
$("#demo_multiselect_optgroups").selectDropdown();
});
</script>