Select2


Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.


<select name="duallistbox_demo1" title="duallistbox_demo1" class="form-control select2">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3" selected="selected">Option 3</option>
  <option value="option4">Option 4</option>
  <option value="option5">Option 5</option>
  <option value="option6">Option 6</option>
  <option value="option7">Option 7</option>
  <option value="option8">Option 8</option>
  <option value="option9">Option 9</option>
  <option value="option0">Option 10</option>
</select>
<select multiple="multiple" size="10" name="duallistbox_demo2[]" title="duallistbox_demo2[]" class="form-control select2">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3" selected="selected">Option 3</option>
  <option value="option4">Option 4</option>
  <option value="option5">Option 5</option>
  <option value="option6" selected="selected">Option 6</option>
  <option value="option7">Option 7</option>
  <option value="option8">Option 8</option>
  <option value="option9">Option 9</option>
  <option value="option0">Option 10</option>
</select>