I'm looking for a plugin that can hide an HTML select element and replace it with div's and ul/li's to allow fancy styling. The plugin should be event-driven and should persist back to the HTML select element so that my server-side application does not need to know the difference.
This is not too hard to achieve. There are several candidates out there, but my favorite so far is Sadri Sahraoui's from
http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/. I've modified it to behave more Windows-like in subtle ways.
The other requirement that makes this difficult for me is that the scroll bars must be styled too. This means I need to combine it with something like Kevin Luck's jScrollPane (
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html). Of course when I do this it breaks horribly.
If anyone knows of a plugin that has both these features, I would really appreciate a link. Otherwise I'll have to figure out a way to combine them myself (which would be fun, but of course there's no time/budget for this in my project.)
Thanks,
Jordan Rieger