javascript - 选择非禁用选项时更改选择背景颜色

Question

寻找一种方法来在未选择禁用选项之一的情况下更改选择框的颜色。

所以这是下拉示例:

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

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

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

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

checkbox:checked

提前致谢!

Answer 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/