选择非禁用选项时更改选择背景颜色答案

【问题标题】：Change select background colour when a non disabled option is selected选择非禁用选项时更改选择背景颜色
【发布时间】：2014-02-26 14:34:01
【问题描述】：

如果未选择禁用的选项之一，则寻找一种更改选择框颜色的方法。

这是下拉示例：

    <select class="selectoption" name="desc[]">
        <option disabled="disabled" selected="selected">Select option...</option>
        <option value="1">Option 1</option>
    </select>

如果未选择禁用选项，我如何更改此选择框的背景颜色。

所以背景颜色目前是#333，一旦用户选择了一个选项，它就会变成另一种颜色。

我已经在使用复选框做类似的事情了。但我可以使用

checkbox:checked

提前致谢！

【问题讨论】：

标签： javascript jquery css forms

【解决方案1】：

如果使用 javascript 没有问题，您可以检查所选选项是否有值。

HTML：

<select id="sel1" class="selectoption" name="desc[]">
    <option disabled="disabled" selected="selected">Select option...</option>
    <option value="1">Option 1</option>
</select>

JavaScript：

document.getElementById("sel1").onchange = function() {
    if(this.value != null && this.value != undefined)
    {
        this.className = "myclass";
    }
};

CSS：

select.myclass
{
    background-color: red;
}

http://jsfiddle.net/AWMaa/

【讨论】：

没问题 :) 非常感谢 :D