Select2 Single Select Example

Select2 Single Select Example www.BryteStudio.com

by Zakaria Acharki

HTML

<script src="http://select2.github.io/select2/select2-3.5.1/select2.js"></script>
<link rel="stylesheet" href="http://select2.github.io/select2/select2-3.5.1/select2.css">
<select id="destination" class="destination form-control" multiple="multiple">
  <option value="kol" >kolkata</option>
  <option value="ban" >Bangalore</option>
  <option value="del" >Delhi</option>
</select>

CSS

.selectRow {
    display : block;
    padding : 20px;
}
.select2-container {
    width: 200px;
}

JavaScript

$('#destination').select2({allowClose: true});

$('#destination').on('change', function(){
  var selected_values = [],
  	  arr = [];

  if( $(this).val().length )
  {
    $.each( $(this).val(), function(i,v){
      arr[ $('[value="'+v+'"]').index() ] = v;
    })
    arr.map(function(x){ selected_values.push(x); })

    console.log( selected_values );
  }
});