オプションメニューで合計金額を計算します

オプションメニューで合計金額を計算します
◆イモ(1500円)
◆魚(4000円)
◆ウニ(300円)
■合計金額
■<head>〜</head>内に下記を貼り付けてください。
<script language="JavaScript">
<!--
plice=new Array();
plice[0]=1500;
plice[1]=4000;
plice[2]=300;
function keisan(){
goukei=0;
for(i=0;i<=2;i++){
num=eval(document.myform.elements[i].options[document.myform.
elements[i].selectedIndex].value);
goukei=goukei+plice[i]*num;
}
document.myform.total.value=goukei;
}
//-->
</script>
■<body>〜</body>内に下記を貼り付けてください。
<form name="myform">
<table cellpadding="3" cellspacing="0">
<tr>
<td>◆イモ(1500円)</td>
<td><select onchange="keisan()">
<option value="0">0 </option>
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>箱</td>
</tr>
<tr>
<td>◆魚(4000円)</td>
<td><select onchange="keisan()">
<option value="0">0 </option>
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>匹</td>
</tr>
<tr>
<td nowrap>◆ウニ(300円)</td>
<td><select onchange="keisan()">
<option value="0">0 </option>
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>個</td>
</tr>
<tr>
<td colspan="2">
<hr size="1" noshade>
</td>
</tr>
<tr>
<td nowrap><font color="#ff0000">■<b>合計金額</b></font></td>
<td nowrap><input type="text" name="total" value="0"> 円</td>
</tr>
</table>
</form>
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5/IE6/IE7/IE8の動作を同時に確認することができます。また需要が多いブラウザ(FireFox/Opera/Sleipnir/Lunascape/KIKI etc)での動作確認も忘れずに行って下さい。