Select2 Demo

Tokens

by Jorgelig

HTML

<link rel="stylesheet" href="http://ecos.fws.gov/js/bootstrap-2.0.3/css/bootstrap.css">
<script src="http://ivaynberg.github.com/select2/select2-master/select2.js"></script>
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-master/select2.css">
<select id="countrySelect" multiple="multiple" style="width: 380px;" placeholder="Select regions...">
    <optgroup label="Most frequently used">
      <option value="all">All available</option>
      <option value="EU">European Union (all available)</option>
      <option value="CH">Switzerland</option>
      <option value="US">United States</option>
    </optgroup>
    <optgroup label="Europe">
      <option value="EU">European Union (all available)</option>
      <option value="AL">Albania</option>
      <option value="GB">United Kingdom</option>
    </optgroup>
    <optgroup label="Oceania">
      <option value="AU">Australia</option>
      <option value="NZ">New Zealand</option>
    </optgroup>
</select>

JavaScript

$(document).ready(function() {
    $('#countrySelect').select2();
});