ページの読み込み時にオプションの背景色を設定してください

Question

私はNodeJS Expressを使用しています。ホームページからにルーティングされるページで here

のonchangeイベントは素晴らしい作品と私​​は私の目標は、背景色を持つことであるhere

から見つかったソリューションでし見られるように、私はドロップダウンボックスを持っていますonloadイベントまたはjavascript/jQueryを使用して、ページロード時に設定されたCSSから取得します。

は私がうまくいかなかったのonclick

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

の代わりにonloadイベントに置き換えてみました。

ページが読み込まれるときに使用するオプション値がデータベースから選択されるため、このページが呼び出されるたびに異なる可能性があります。これは私がChromeのみ

Answer 1

loadイベントはのみHTMLドキュメント（img、iframe、scriptなど）外部からコンテンツをロードbody要素と要素で動作する場合を使用していて、ブラウザの特定である必要はありません。ドキュメントの最後にscriptを追加するだけで、selectメニューが読み込まれた後に実行されます。

閉じる前</body>タグを、これを入れてみてください：

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

複数selectのメニューを持っている場合は、各id属性を与え、それらを見つけるためにそれを使用する場合があります。上記のコードはページの最初のコードにのみ影響します。