Jquery 如何更改选择标记内选项名称的颜色？

我正在动态构建html并将其附加到html选择标记

这是我的密码

var companies = ["ONE","TWO","THREE","OTHERS","TEN"];

var comapnieshtml = '<option value="" selected>All Companies</option>';
                for (var i = 0; i < companies.length; i++) {
                    comapnieshtml += '<option value="' + companies[i] + '">' + companies[i] + '</option>'
                }
                $("#companieslist").html(comapnieshtml);

var公司=[“一家”、“两家”、“三家”、“其他”、“十家”]；
var comapnieshtml=‘所有公司’；
对于（var i=0；i

我的要求是，如果选项值为Others，我希望以单独的颜色显示它

这是我的小提琴

你能告诉我怎么做吗

工作小提琴：

---

您可以使用jquery添加css。检查是否使用jquery选择了该选项，如果没有，您可以添加css属性

CSS

.color{
color:#0F0F0F;
}

JQuery

    $('#mySelectBox option').each(function() {

        if(!$(this).is(':selected')){
            $(this).addClass(color);
        }
    }

通过这种方式，您只能将类添加到未选择的元素中-

var companies = ["ONE","TWO","THREE","OTHERS","TEN"];

var comapnieshtml = '<option value="" selected>All Companies</option>';
            for (var i = 0; i < companies.length; i++) {

                if (companies[i]=="OTHERS")
                {comapnieshtml += '<option style="color:green" value="' + companies[i] + '">' + companies[i] + '</option>'}
                else
                {comapnieshtml += '<option style="color:black" value="' + companies[i] + '">' + companies[i] + '</option>'}
            }
            $("#companieslist").html(comapnieshtml);

$(function(){
$("#companieslist").change(function(){
    if ($('#companieslist').val() == "OTHERS"){
        $("#companieslist").css('color','green')
    }
    else{
        $("#companieslist").css('color','black')
    }
})
})

var公司=[“一家”、“两家”、“三家”、“其他”、“十家”]；
var comapnieshtml=‘所有公司’；
对于（var i=0；i

---

只需编辑@Rajan给出的答案。他的功劳。

可能是《谢谢》的副本，但我看不到你小提琴上的绿色，因为其他人知道我的要求是其他人应该用绿色显示itself@PreethiJain当选择其他代码时，该代码在绿色背景下正常工作。如果希望前景色为绿色，则只需编辑给定代码即可。

var companies = ["ONE","TWO","THREE","OTHERS","TEN"];

var comapnieshtml = '<option value="" selected>All Companies</option>';
            for (var i = 0; i < companies.length; i++) {

                if (companies[i]=="OTHERS")
                {comapnieshtml += '<option style="color:green" value="' + companies[i] + '">' + companies[i] + '</option>'}
                else
                {comapnieshtml += '<option style="color:black" value="' + companies[i] + '">' + companies[i] + '</option>'}
            }
            $("#companieslist").html(comapnieshtml);

$(function(){
$("#companieslist").change(function(){
    if ($('#companieslist').val() == "OTHERS"){
        $("#companieslist").css('color','green')
    }
    else{
        $("#companieslist").css('color','black')
    }
})
})