Question

I have a select form filled with following data:

<select id="attachments[32][color][]" name="attachments[32][color][]"> 
    <option value="">-- Select a color --</option>
    <option value="AliceBlue">AliceBlue</option>
    <option value="Amethyst">Amethyst</option>
    <option value="AntiqueWhite">AntiqueWhite</option>
    <option value="Aquamarine">Aquamarine</option>

</select>

Theres a way to colorize options backgrounds from select with their own value?

Im using colors from:
http://secure.wikimedia.org/wikipedia/en/wiki/Web_colors#X11_color_names

More at:
http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/

Thanks in advance.

Answer 1

http://jsfiddle.net/mnbayazit/mbBX8/

$('option').each(function() {
    $(this).css('background-color',$(this).text());
});