jQuery Custom Select Box
By: Darren Mason
@param isscrolling: false, //scrolls long lists
@param scrollminitems: 15, //items before scrolling
@param scrollheight: 150, //height of scrolling window
@param preopenselect: true, //opens prechecked select boxes
@param hoverstyle: "hover", //css hover style name
@param openspeed: "normal", //open speed "slow","normal","fast" or numbers 1000
@param alldisabled: false, //disables all the selectbox
@param selectwidth: "auto", //set width of selectbox
@param wrappername: ".select_wrap" //class name of the wrapper tag
<div class="select_wrap">
<select name="sample_select" id="select_wrap1">
<option>Sample Selection</option>
<option value="1">Option One</option>
<option value="2">Option Two</option>
<option value="3">Option Three</option>
<option value="4">Option Four</option>
</select>
</div>
Applies to all boxes
$(".select_field").custSelectBox();
<div class="select_wrap" class="select_field">
<select name="sample_select">
<option>Sample Selection</option>
<option value="1">Option One</option>
<option value="2" selected="selected">Option Two</option>
<option value="3">Option Three</option>
<option value="4">Option Four</option>
</select>
</div>
<div class="select_wrap" multiple="multiple">
<select name="sample_select" class="select_field">
<option>Sample Selection</option>
<option value="1">Option One</option>
<option value="2" selected="selected">Option Two</option>
<option value="3">Option Three</option>
<option value="4">Option Four</option>
</select>
</div>
<div class="select_wrap" disabled="disabled">
<select name="sample_select" class="select_field">
<option>Sample Selection</option>
<option value="1">Option One</option>
<option value="2" selected="selected">Option Two</option>
<option value="3">Option Three</option>
<option value="4">Option Four</option>
</select>
</div>