使用新選項和CSS樣式

Question

如何使用JS設計樣式選項？假設我有這個：

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

我希望每個選項都有自己的背景顏色。第一個選項紅色，第二個橙色，第三個黃色等。我該怎麼做？

Answer 1

我不能告訴你這是如何跨瀏覽器，但它在鉻測試與小提琴的工作。

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;