Chosen multi-select example with search

by Osama Qassar

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<select id="second" data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="4">
  <option value=""></option> 
  <option value="United States">United States</option> 
  <option value="United Kingdom">United Kingdom</option> 
  <option value="Afghanistan">Afghanistan</option> 
  <option value="Albania">Albania</option> 
  <option value="Algeria">Algeria</option> 
  <option value="American Samoa">American Samoa</option> 
  <option value="Andorra">Andorra</option> 
  <option value="Angola">Angola</option> 
  <option value="Anguilla">Anguilla</option> 
  <option value="United States">United States</option> 
  <option value="United Kingdom">United Kingdom</option> 
  <option value="Afghanistan">Afghanistan</option> 
  <option value="Albania">Albania</option> 
  <option value="Algeria">Algeria</option> 
  <option value="American Samoa">American Samoa</option> 
  <option value="Andorra">Andorra</option> 
  <option value="Angola">Angola</option> 
  <option value="Anguilla">Anguilla</option> 
  <option value="United States">United States</option> 
  <option value="United Kingdom">United Kingdom</option> 
  <option value="Afghanistan">Afghanistan</option> 
  <option value="Albania">Albania</option> 
  <option value="Algeria">Algeria</option> 
  <option value="American Samoa">American Samoa</option> 
  <option value="Andorra">Andorra</option> 
  <option value="Angola">Angola</option> 
  <option value="Anguilla">Anguilla</option> 
  <option value="United States">United States</option> 
  <option value="United Kingdom">United Kingdom</option> 
  <option value="Afghanistan">Afghanistan</option> 
  <option value="Albania">Albania</option> 
  <option...

CSS

body {
    padding: 1em;
}

JavaScript

$(".chosen-select").chosen();