| オプションメニューで合計金額を計算します |
|
|
| ■<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> |
