ED Select

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>