在加载时应用选择背景颜色？答案

【问题标题】：Apply select bg color on load?在加载时应用选择背景颜色？
【发布时间】：2013-05-15 20:31:36
【问题描述】：

请查看以下链接以查看我的代码：
http://codepen.io/DigitalSquid/pen/mAkuC

如何使背景颜色出现在页面加载时？

【问题讨论】：

【解决方案1】：

在 window.load 上使用选择框 ID 调用该函数..

试试这个

window.onload=function(){
 colourFunction(document.getElementById('select1'));
 colourFunction(document.getElementById('select2'));
};

【讨论】：

我希望我可以同时调用这两个选择 - 也许一个通用的解决方案将适用于我的代码中的每个选择。不过谢谢你:)
我希望你在那里使用过 jquery... :) .... jsfiddle.net/VaWZ7/1 ..这里是示例...
顺便说一句，你有什么不能做的吗？大声笑 - 开个玩笑，我现在要走了，晚安，非常感谢！
oppss...我忘了在那里添加removeClass..所以它只是在那里添加类名....检查这个小提琴jsfiddle.net/VaWZ7/2
使用onload（相对于addEventListener）的缺点是您只能加载一个事件；如果另一个脚本已经设置了 window.onload，那么你已经杀死了那个处理程序。见stackoverflow.com/questions/6902033/…

【解决方案2】：

在加载时为每个选择调用colourFunction()：

function initialColours() {
  colourFunction(document.getElementById('select1'));
  colourFunction(document.getElementById('select2'));
};

if (window.addEventListener) {
  window.addEventListener('load', initialColours, false);
}
// older IE versions have a non-standard variant, use that
else if (window.attachEvent) {
  window.attachEvent('onload', initialColours);
}

【讨论】：