Multiselect

Based on sumoselect

HTML

<script src="http://incubox.com/_jsfiddle/jquery.sumoselect.js"></script>
<link rel="stylesheet" href="http://incubox.com/_jsfiddle/sumoselect.css">
<h3>Multi-Select</h3>

<select id="dd" multiple="multiple" placeholder="" class="SlectBox">
    <option value="all">Select All</option>
    <option disabled>-----</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    <option value="bmw">BMW</option>
</select>

JavaScript

$(document).ready(function () {
$('#dd').SumoSelect({
    placeholder: 'Select Here',
    csvDispCount: 3,
    captionFormat:'{0} Selected', 
    captionFormatAllSelected:'{0} all selected!',
    floatWidth: 400,
    forceCustomRendering: false,
    outputAsCSV: false,
    csvSepChar: ',',
    okCancelInMulti: false,
    isClickAwayOk: false,
    triggerChangeCombined: true,
    selectAll: false,
    search: false,
    searchText: 'Search...',
    noMatch: 'No matches for "{0}"',
    prefix: '',
    locale: ['OK', 'Cancel', 'Select All'],
    up: false,
    showTitle: true
});
});