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/

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

1 个答案: