Version: 1.0, Last updated: 2/13/2011

GitHub - https://github.com/thisismedium/Elect
Source - https://github.com/thisismedium/Elect/raw/master/jquery.elect.js (9.1kb)
(Minified) - https://github.com/thisismedium/Elect/raw/master/jquery.elect.min.js (4.2kb)</br/>

License

Copyright (c) 2011 noah burney
Dual licensed under the MIT and GPL licenses.
http://timmywillison.com/licence/

Support and Testing

Versions of jQuery and browsers this was tested on.

jQuery Versions - 1.3.2-1.5
Browsers Tested - Internet Explorer 6-8, Firefox 3-4, Safari 3-5,
       Chrome, Opera.

Release History

1.0 - (2/13/2011) Initial release

Javascript-replaced select elements

About Elect

This plugin is used to make select elements look however you like.

PLUGIN USAGE

Javascript

$('select').elect();

Your CSS should have these rules:

.elect-container { /* The main container */ }
.elect-element { /* Put your main background and border-radius here */ }
.elect-value { /* Put your arrow image here */ }
.elect-element span { /* The currently selected value */ }
.elect-options { /* This is the list of options that comes up */ }
.elect-options li {}

Available options

$('select').elect({
    copy_classes: true,
    copy_ids: true
});