在页面加载时设置选项的背景颜色

Question

我在用NodeJS Express进行编辑。 在一个页面，从主页送到我有一个下拉框，看到here

onchange事件的伟大工程，是一个解决方案，我从here发现

我的目标是有背景颜色从页面加载时设置的CSS，通过onload事件或使用javascript/jQuery。

我试图代替的onclick

onload="this.className=this.options[this.selectedIndex].className"> 

，没有工作的onload取代。

从数据库中选择页面加载时使用的选项值，因此每次调用此页面时都可能会有所不同。这并不需要，因为我只使用Chrome

Answer 1

的load事件只能与body元素和元素，在内容加载HTML文档中（img，iframe，script等）以外如果是特定浏览器您只需在文档的末尾添加script，它将在select菜单加载后执行。

尝试把此结束前</body>标签：

<script> 
    var dropdown = document.querySelector('select'); 
    dropdown.className = dropdown.options[dropdown.selectedIndex].className; 
</script> 

如果您有多个select菜单，你可能想给每一个id属性，并用它来找到他们;上面的代码只会影响页面上的第一个代码。