Javascript：如果选择了选项,则更改选择背景颜色

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript：如果选择了选项,则更改选择背景颜色，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1717字，纯文字阅读大概需要3分钟。

内容图文

我正在寻找一会儿Javascript函数,如果选择了一个选项,该函数会更改选择字段的背景颜色.

HTML：

<select name="classNumber" id="classNumber">
 <option selected disabled value="0">Bitte Klasse ausw?hlen</option>
 <option value="5">5</option>
 <option value="6">6</option>
 <option value="7">7</option>
 <option value="8">8</option>
 <option value="9">9</option>
 <option value="10">10</option>
 <option value="11">11</option>
 <option value="12">12</option>
 <option value="13">13</option>
</select>
<select name="classSpecify" id="classSpecify">
 <option selected disabled value="0">Bitte Klasse spezifizieren</option>
 <option value="A">A</option>
 <option value="B">B</option>
 <option value="D">C</option>
 <option value="D">D</option>
 <option value="N">N (Naturwissenschaftliches Profil)</option>
 <option value="S">S (Sprachliches Profil)</option>
 <option value="G">G (Gesellschaftliches Profil)</option>
</select>

无法使用的JavaScript,目前仅用于测试,我只设置了一个选择：

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

解决方法:

我假设您想远离jQuery.

您缺少一些东西.首先,没有什么可以在用户更改选择内容时调用if语句.将事件.onchange添加到classNumber,以及将背景添加到backgroundcolor.

像这样

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";
    };
}

内容总结

以上是互联网集市为您收集整理的Javascript：如果选择了选项,则更改选择背景颜色全部内容，希望文章能够帮你解决Javascript：如果选择了选项,则更改选择背景颜色所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端