下記のソースコードは、bgsoundをプルダウンボタンで設定したもので、
それぞれのoptionをクリックすると、ボタンの色が切り替わります。
しかし、非推奨のonclickで設定しているため、これをonchangeに
変えたいのですが、うまくいきません。どのようにすれば、いいでしょうか。
ご教示ください。
なお、音は出ないように設定しています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<TITLE>optionに応じて、ボタンの色を変える- JavaScript</TITLE>
<STYLE type="text/css">
<!--
.butt{
background:lightskyblue;color:black;
}
//-->
</STYLE>
<script type="text/javascript">
<!--
function bgm1(){
bgm.src = "";
document.getElementById("bgms").style.background="silver";
}
function bgm2(){
bgm.src = "111.mid";
document.getElementById("bgms").style.background="lightskyblue";
}
function bgm3(){
bgm.src = "222.wav";
document.getElementById("bgms").style.background="pink";
}
//-->
</script>
<bgsound id="bgm" src="" loop="-1">
</HEAD>
<body>
<SELECT id="bgms" class="butt">
<OPTION style="background:silver" onclick="bgm1()" selected>選曲(停止)</OPTION>
<OPTION style="background:lightskyblue" onclick="bgm2()">111</OPTION>
<OPTION style="background:pink" onclick="bgm3()">222</OPTION>
</SELECT>
</BODY>
</HTML>