javascript - 使用新的选项和 CSS 样式

Question

如何使用 JS 设置选项样式？假设我有这个:

var optionElementReference = new Option([text, [value, [defaultSelected, [selected]]]]);

我希望每个选项都有自己的背景颜色。第一个选项是红色，第二个选项是橙色，第三个选项是黄色等等。我该怎么做？

Answer 1

我无法告诉你这有多跨浏览器，但它在使用 Fiddle 进行 Chrome 测试时有效。

document.getElementById("s1").options[0] = new Option("x",0);
document.getElementById("s1").options[1] = new Option("y",1);
var z = new Option("z",2);
z.setAttribute("style","background-color:red");
document.getElementById("s1").options[2] = z;