Select 2 (3.5.1) example

by Matthew

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.1/select2.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.1/select2.js"></script>
<select multiple="true">
    <option value="0" selected>Option 1</option>
    <option value="1">Option 2</option>
</select>

CSS

select,.select2-container,.select2-container-multi {
  width:100%;
}

JavaScript

function formatLink (opt) {

  if (!opt.id) {
    return opt.text;
  }

 var $opt = $(
    '<span>' + opt.text + '(' + $(opt.element).val() + ')</span>  '
  );
 return $opt.html();
}


$("select").select2({
  formatSelection: formatLink,
  minimumResultsForSearch: 1,
  closeOnSelect: true,
  escapeMarkup: function (markup) {
        return markup;
    },
  formatNoMatches: function(){
    return "No Results Found Dude.";
  }
})