MultiSelect click event - to change 'default' value

by Sivasakthi Chandrasekaran

HTML

<link rel="stylesheet" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.css">
<link rel="stylesheet" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/assets/style.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/src/jquery.multiselect.js"></script>

    <select name="example" class="example" multiple="multiple">  
        <option value="0">$0</option>
        <option value="50">$50</option>
        <option value="100">$100</option>
        <option value="150">$150</option>
        <option value="200">$200</option>
    </select>

JavaScript

// Doesn't remove value when unselected if it was hardcoded

var selected=["0","50","100","150"];
var obj=$('#example');
for (var i in selected) {
    var val=selected[i];
   obj.find('option:[value='+val+']').attr('selected',1);
}

$(function () {   
		
    $("select").multiselect({
    				state: 'open',
            checkAllText: 'Select All',
            unCheckAllText: 'Deselect All',
            minWidth: 325,
            selectedList: 5
    });

});