Bootstrap Choices
A vanilla JS customisable select box/text input plugin.
We have styled the select picker to look similar to the dropdown and the other inputs.
Examples
Single Selection
Brazil
<select class="form-control" name="choices-button" id="choices-button" placeholder="Departure">
<option value="Choice 1" selected="">Brazil</option>
<option value="Choice 2">Bucharest</option>
<option value="Choice 3">London</option>
<option value="Choice 4">USA</option>
</select>
<script>
if (document.getElementById('choices-button')) {
var element = document.getElementById('choices-button');
const example = new Choices(element, {
searchEnabled: false
});
}
</script>
Tags
vuejs
angular
react
laravel
<input class="form-control" id="choices-tags" data-color="dark" type="text" value="vuejs, angular, react, laravel" placeholder="Enter something" />