Javascript Mozilla Firefox问题。HTML选择（下拉菜单）按其值为某些选项着色

我想根据指定的select选项的值，使用JS/Jquery为select字段（HTML）中的一些选项上色。这是我的密码：

        $('#selectField option[value="val1"]').css({ 'color': 'green' });

---

该代码在Google Chrome和Internet Explorer中表现完美，但在Mozilla Firefox中什么也没发生。是否有人可以建议此浏览器的替代方案解决方案必须是JS格式，而不是CSS格式。谢谢大家!

试一试，这是在香草JS中完成的：

var option = document.querySelectorAll("#selectField option");

for(var i = 0; i < option.length; i++){
    if(option[i].value === "val1"){
        option[i].style.color = "green";
    }
}

var option=document.querySelectorAll（“selectField选项”）；
对于（变量i=0；i

---

希望它能有所帮助：）

CSSI中的

#selectField option[value=“val1”]{color:green；}

必须在JS中而不是在CSS中，因为“val1”取决于具体情况……我简化了上面的代码以突出问题……不：（没什么hapens@sawic现在试一试？这会为包含的所有选项添加颜色。实际上，所选选项上都会添加颜色…但在选择时，任何一个选项都会添加颜色。