moCombo.replace converts any element into a fully styleable (via CSS) ordered list.
And in the case of the single select element, it even allow you to change the arrow of the drop down menu.
This version of moCombo keeps onchange events (even if they where assigned using mootools, with the addEvent call).
Option groups are kept intact and are converted to an unordered list.
moCombo.replace requires mootools 1.3
It was tested with IE7, IE8, FF2, FF3, Safari 5, Chrome 2 and Opera 11. All under windows.
Include mootools 1.3 javascript file, and the moCombo javascript file, then just add this call to your domready.
new moCombo.replace($$('select.replaceme'));
You can pass 1 or more elements via their CSS selectors.
Questions & Comments