寻找一种方法来在未选择禁用选项之一的情况下更改选择框的颜色。
所以这是下拉示例:
<select class="selectoption" name="desc[]">
<option disabled="disabled" selected="selected">Select option...</option>
<option value="1">Option 1</option>
</select>
如果未选中禁用的选项,如何更改此选择框的背景颜色。
所以背景颜色目前是#333,一旦用户选择了一个选项,它就会变成另一种颜色。
我已经在使用复选框做一些类似的事情了。但是我可以使用
checkbox:checked
提前致谢!
最佳答案
如果使用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;
}
关于javascript - 选择非禁用选项时更改选择背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22044532/