在頁面加載時設置選項的背景顏色

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屬性，並用它來找到他們;上面的代碼只會影響頁面上的第一個代碼。