jQuery SuperSelect
A little while back I was working on a project and wanted a selectbox to look a bit more pretty, but with complete backwards compatibility with regular select boxs.
I.E. If I already had a select box on the page, and it had various JavaScript events hanging off it already, I wanted that to function still but I wanted the box to be prettier.
The first idea was to use CSS to just style the box. But then I realised that each browser and OS has it’s own different way of rendering the controls. So I turned to JavaScript, and the always useful jQuery library. I wrote a plugin that will immediately transform any selectboxes into prettier ones, allows icons for the options, all with valid xhtml and works completely fine with JavaScript (or the plugin) disabled. Pretty cool, eh?
Well, I put the original demo page I designed for it back online, so check out the plugin!.
It looks great and I like where you are going with this. However, I could not get to the field using only the keyboard.
qooqie
11 Feb 09 at 19:09
Accessibility wasn’t the prime concern when building this, but you’re right – that would enhance it substantially. Also, for it to be a serious upgrade to the <select> element it certainly needs this!
Chris
12 Feb 09 at 09:17