A custom <select> control using JavaScript

The Lab, JavaScript / Thursday April 9th, 2009 / No comments

In this experiment, I created a completely customisable JavaScript-based alternative to the notoriously difficult-to-style <select> form control. It works by hiding the original select element, and when the user clicks on an option, the original control is automatically updated. This means that it also degrades nicely with JavaScript off, as the old select is simply not replaced and continues to be useable. It even works in IE6!

http://lab.aspektas.com/select/select.html