Custom Drop Down List with JQuery

Question

Hello,

I have a list of color names and a corresponding hexadecimal value. These values are custom name/value pairs to correspond with a theme. I want the user to be able to pick one of the colors from a list. Currently, I have the color names in a <select> element. Unfortunately though, the user can't see the actual color in the select list. Because of this, I thought I would just create a drop down list where each item has a small square that showed the color. Then to the right of the color swatch it would show " - [Color Name]".

For the life of me, I have not been able to find a custom drop down plugin for JQuery. Does anybody know of one?

Thank you!

Answer 1

http://www.marghoobsuleman.com/jquery-image-dropdown

Answer 2

This looks like it could do what you want: http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

Answer 3

I posted a rudimentary solution here -

http://cpreid.kodingen.com/dropdown.html

view source