ドロップダウンメニューで表示する画像をかえる


メニューから選んだ画像が表示されます。
ソース
<html>
<head>
<title>プルダウンメニューで表示する画像をかえる</title>
</head>
<body onload="chImage()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function chImage(){
num=document.F1.S1.selectedIndex;
mysrc=document.F1.S1[num].value;
if(mysrc!="-"){
document.myIMG.src=mysrc;
}
}
//-->
</SCRIPT>
<IMG name="myIMG" src="images/icons1.gif" border="0" width="32" height="32">
<br><br>
<FORM method="post" name="F1">
<SELECT onChange="chImage()" name="S1">
<OPTION selected value="-">画像を選んでください</OPTION>
<OPTION value="-">----------</OPTION>
<OPTION value="images/icons1.gif">パンダ</OPTION>
<OPTION value="images/icons2.gif">ペンギン</OPTION>
<OPTION value="images/icons3.gif">ネコ</OPTION>
<OPTION value="images/icons4.gif">ネズミ</OPTION>
<OPTION value="images/icons5.gif">ライオン</OPTION>
<OPTION value="-">----------</OPTION>
</SELECT>
</FORM>
</body>
</html>
JavaScript GarageのTopへ戻る