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

<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

<input class="form-control" id="choices-tags" data-color="dark" type="text" value="vuejs, angular, react, laravel" placeholder="Enter something" />