Select

Use the select module to create custom select dropdowns.

This module depends on Select2, so make sure it's installed and loaded in first.

Examples

Basic

<select class="js-select">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

Custom Placeholder

<select
  class="js-select"
  data-placeholder="Please select an option"
>
  <option></option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

Disabled Option

<select class="js-select">
  <option>Option 1</option>
  <option disabled>Option 2</option>
  <option>Option 3</option>
</select>

Multi-Select

<select class="js-select" multiple="true">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>