为选定表单中的选项上色

Question

我有一个填写了以下数据的select表单：

<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>

有没有办法用它们自己的值给select中的选项背景上色？

Im使用的颜色来自：http://secure.wikimedia.org/wikipedia/en/wiki/Web_colors#X11_color_names

更多信息请访问：http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/

提前谢谢。

Answer 1

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

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