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.
Default Bootstrap Select Dropdown on a <select>
element.
<div class="form-group">
<label for="demo_default_select">Select your favourite food</label>
<select id="demo_default_select" class="form-control" data-role="select-dropdown">
<!-- options -->
</select>
</div>
Default Bootstrap Select Dropdown on a <select>
with <optgroup>
elements.
<div class="form-group">
<label for="demo_default_select_optgroups">Select food from food groups</label>
<select id="demo_default_select_optgroups" class="form-control" data-role="select-dropdown">
<!-- optgroup -->
<!-- options -->
</select>
</div>
Default Bootstrap Select Dropdown on a <select multiple>
element.
<div class="form-group">
<label for="demo_default_multiselect">Select one or more favourite foods</label>
<select id="demo_default_multiselect" class="form-control" data-role="select-dropdown multiple>
<!-- options -->
</select>
</div>
<div class="form-group">
<label for="demo_default_multiselect_optgroups">Select one or more foods from food groups</label>
<select id="demo_default_multiselect_optgroups" class="form-control" data-role="select-dropdown" multiple>
<optgroup label="Carbohydrates">
<!-- options -->
</optgroup>
</select>
</div>