select2.js multiple line dropdown
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css">
<select id="e1" style="width:300px" multiple="multiple">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
JavaScript
$("#e1").select2()({
templateSelection: formatSelection
});
function formatSelection(item) {
var $returnString = $('<span>' + "selected" + '</span>');
return $returnString;
};
function format(item) {
var originalText = item.text;
return "<div title ='" + originalText.replace(/'/g, ''') + "' style='text-overflow: ellipsis;width:260px;white-space: nowrap;overflow: hidden;'>" + originalText + "</div>";
};