イベントタイプ（のonchange）

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 
    < タイトル>事件类型（のonchange）</ タイトル> 
    <！ -  
        n.onchange =代码。
     - > 
    < スクリプト> 
        window.onload = 関数（）{   // ページの読み込み機能完了後に実行される
            のvar A = のdocument.getElementById（" SEL " ）;    // 取得ドロップダウン
            a.onchange = 関数（）{      // ドロップダウン機能実行時に変更リスト
                // VARヴァル= this.value; //このようにドロップダウンリストの各オプションの値を取得することができ
                VAR ヴァル= a.options [a.selectedIndex] .Valueの; // また、この中で使用することができます各オプションのドロップダウンリストの値を取得する方法
                document.body.style.background =ヴァル; // 背景色、ドロップダウンボックスのオプション値のカラー値を設定し、身体へ
            } 
        } 
    </ スクリプト> 
</ ヘッド> 
< 身体> 
    < スパン>を選択しますカラー：</ スパン> 
    < SELECT ID =「SEL」> 
        < オプション値=「白」が選択されたが>選択</ オプション> 
        < オプション値=「赤」>赤/ < オプション> 
        <オプション値=「グリーン」>绿色 </オプション> 
        < オプション値= "青" >蓝色</ オプション> 
    </ 選択> 
</ ボディ> 
</ HTML >