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

Question

我正在使用NodeJS Express。 在从主页路由到的页面上，我有一个下拉框，如here

所示

onchange事件很有效，是我从here

找到的解决方案

我的目标是通过onload事件或javascript / jQuery从页面加载的CSS集中获取背景颜色。

我尝试用onload代替onclick

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

哪个不起作用。

从数据库中选择加载页面时使用的选项值，以便每次调用此页面时它都可以不同。这不需要是浏览器特定的，因为我只使用Chrome

Answer 1

height事件仅适用于load元素和加载HTML文档外部内容的元素（body，img，iframe，等）如果您只是在文档的末尾添加script，则会在加载script菜单后执行。{/ p>

尝试在结束select代码前加上：

</body>

如果您有多个<script> var dropdown = document.querySelector('select'); dropdown.className = dropdown.options[dropdown.selectedIndex].className; </script> 菜单，则可能需要为每个菜单提供select属性并使用它来查找它们;上面的代码只会影响页面上的第一个。