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>

<select class="js-example-basic-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>

CSS

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

JavaScript

$(document).ready(function() {
  $(".js-example-basic-multiple").select2();
});