在手动插入中更改选择选项文本颜色属性

时间:2015-04-14 07:34:39

标签: javascript jquery html cordova

我正在尝试使用option属性更改style.color内的文字颜色,同时插入select但未成功。 它在浏览器上工作但不在移动设备上工作

for(var i = 0; i < 4; i++) {
    var x = document.getElementById("selectCode");
    var option = document.createElement("option");
    option.value = i;
    option.text = i;
    option.style.color = 'darkblue';
    x.add(option);  
}

移动设备上的javascript是否可以接近style.color = 'colorname'属性,如果不是那种平易近人的方式?

这是我的Jsfiddle

1 个答案:

答案 0 :(得分:0)

添加时,您正在更改option的颜色。您必须先添加选项才能更改option的样式。只需将option.style.color更改为x.style.color并将其放在for循环的底部

即可

<强>的Javascript

for(var i = 0; i<4; i++) {
    var x = document.getElementById("selectCode");
    var option = document.createElement("option");
    option.value = i;
    option.text = i;
    x.add(option);
    x.style.color = "#0000FF";  
}

小提琴:https://jsfiddle.net/LL6ued7f/3/