从选择表单中着色选项

时间:2011-04-24 17:38:17

标签: jquery

我有一个填充了以下数据的选择表单:

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

有哪种方法可以使用自己的值为选项背景着色?

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

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

提前致谢。

1 个答案:

答案 0 :(得分:4)

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

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