Select2

by Berat Emre NebioÄźlu

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<label for="id_label_multiple">
 <select class="js-example-basic-multiple js-states form-control" id="id_label_multiple" multiple="multiple">
  <option value="TR">Turkey</option>
  <option value="CN">Canada</option>
    <option value="NO">Norway</option>
  <option value="CR">Crotia</option>
    <option value="IT">Italy</option>
  <option value="SP">Spain</option>
</select>
</label>

CSS

.js-example-basic-multiple
{
  width:200px;
  height:200px;
}

JavaScript

$(document).ready(function() {
  $(".js-example-basic-multiple").select2({
  	placeholder: "Select a country",
  	allowClear: true
  });
});