下記のソースコードは、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 = "１１１.mid";
document.getElementById("bgms").style.background="lightskyblue";
}
function bgm3(){
bgm.src = "２２２.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()">１１１</OPTION>
<OPTION style="background:pink" onclick="bgm3()">２２２</OPTION>
</SELECT>

</BODY>
</HTML>