Javascript：如果选择了该选项，则更改选择背景色

我正在搜索一个Javascript函数，如果选择了某个选项，该函数会更改我的选择字段的背景色

HTML:

更改此项：

if（first！=0）{

致：

if（first！==0）{

这是：

“$green”

致：

“绿色”

---

您需要）操作符。

我假设您不想使用jQuery

您缺少一些内容。首先，当用户更改选择时，调用if语句没有任何问题。添加一个事件。onchange到classNumber以及backgroundcolor的background

像这样

var classNumber = document.getElementById('classNumber');
classNumber.onchange = runBackgroundChange;

function runBackgroundChange(first){
    var value = first.srcElement.options[first.srcElement.selectedIndex].value;
    if (value != 0) {
        alert('Test');
        document.getElementById('classNumber').style.backgroundColor="green";
    } else {
        document.getElementById('classNumber').style.backgroundColor="initial";
    };
}

---

很好，很好用！谢谢。@13ruce137我想你可以用其他方法来预防it@runepiper这里的编辑是在我意识到传递给函数的值是一个事件对象时进行的。当一个值为0被发送给这个函数时，它将返回初始（白色）背景色

var classNumber = document.getElementById('classNumber');
var first = classNumber.options[classNumber.selectedIndex].value;
if (first != 0) {
    alert('Test');
    document.getElementById('classNumber').style.background="$green";
};

var classNumber = document.getElementById('classNumber');
classNumber.onchange = runBackgroundChange;

function runBackgroundChange(first){
    var value = first.srcElement.options[first.srcElement.selectedIndex].value;
    if (value != 0) {
        alert('Test');
        document.getElementById('classNumber').style.backgroundColor="green";
    } else {
        document.getElementById('classNumber').style.backgroundColor="initial";
    };
}