Question

我有一个包含多个选择框的页面，如下所示：

<select name="item-0-status" id="id_item-0-status">
<option value="">---------</option>
<option value="1">Online</option>
<option value="2">Offline</option>
<option value="3">Unknown</option>
</select>

这些是在django中自动生成的，因此无法将css类，id或属性直接应用于选项。 select元素包含'item-0-status'，'item-1-status'，'item-2-status'等ID。

如何使用select元素的id为选项添加css颜色？

我尝试按照此处的代码进行操作：How do you select a particular option in a SELECT element in jQuery?

这引导我去做，例如以下将“离线”选项设置为红色：

$('select[id$=-status][id^=id_item-]').children().find('option[value="2"]').css('background-color','#FF0000');

但这没有效果。

我该如何使这项工作？我发现浏览器对此的支持各不相同，但这不是问题。出于这个问题的目的，在Firefox 3.6中工作就足够了。

Answer 1

你有一个错字。

它应该是背景色。你错过了'r'

Answer 2

虽然应该有所作为，但请注意我不太确定。

$(function(){   

$('#id_item-0-status').children().each(
        function (){
            if($(this).val() == 2){
                $(this).css({'background':'red'});
            }
        }
);

})

在JQuery中设置选择选项的背景颜色

2 个答案: