ED select is a basic plugin that allows you to override the default look and feel of select boxes. It uses 3 divs to build up the look and feel of a select box.
Tested down to IE8.
###How to use
Include ED Select
<script src="js/edSelect.min.js"></script>###Create your select box
<div class="field">
<select name="my-select" class="simple-select">
<option value="Value 1">Value 1</option>
<option value="Value 2">Value 2</option>
</select>
</div>###Initialise the plugin
<script>
$(function(){
$('.simple-select').edSelect();
});
</script>###Options
| Option | Default | Description |
| customClass | Apply a custom class to a set of select objects |
###Notes
If the select box doesn't display correctly, check the width of the box wrapper - it is set to fill the full width of the surrounding element.
When changing the value of the select list with javascript call .change after .val
<script>
$('.simple-select').trigger('change');
</script>