ジャバスクリプトで作った自動計算フォームが
動かなくて困り果ております。
初心者です。御指南のほど、どうぞ宜しくお願いします。
■ 編集ソース
<html>
<head>
<title>テスト</title>
<style type="text/css">
<!--
table {
border-collapse: collapse;
}
table, th, td {
border: 1px #808080 solid;
}
th, td {
padding: 3px 10px;
}
th {
background-color: #d3e9fa;
}
td {
background-color: #ffffff;
}
td strong {
color: #ff0000;
}
-->
</style>
<script type="text/javascript">
<!--
function keisan(){
// 設定開始
// 商品1
var price1 = document.form1.goods1.selectedIndex * 2900;
document.form1.goods1.options[document.form1.goods1.selectedIndex].value;
document.form1.field1.value = price1; // 小計を表示
// 合計を計算
var total = price1
// 設定終了
document.form1.field_total.value = total; // 合計を表示
}
// -->
</script>
</head>
<body>
<form action="#" name="form1">
<table>
<tr>
<th>コース名</th>
<th>単価</th>
<th>数量</th>
<th>縁</th>
<th>金額</th>
</tr>
<tr>
<td>激安コースA</td>
<td align="right">2,900円</td>
<td><select name="goods1" onchange="keisan()">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></td>
<td><select name="goods1" onchange="keisan()">
<option value="0">額タイプを選択してください</option>
<option value="500">タイプ1（500円）</option>
<option value="1000">タイプ2（1,000円）</option>
<option value="1500">タイプ3（1,500円）</option>
</select></td>
<td><input type="text" name="field1" size="8" value="0" /> 円</td>
</tr>
<tr>
<td align="right" colspan="4"><strong>合計</strong></td>
<td><input type="text" name="field_total" size="8" value="0"> 円</td>
</tr>
</table>
</form>
</body>
</html>
投稿日時 - 2010-02-06 22:38:27
１箇所単純ミス・・
// 合計を計算
var total = price1
>>>
var total = price1;
投稿日時 - 2010-02-07 06:34:49
補足
ken_tyan 様
ご回答、本当にありがとうございます。
早速、ご助言の修正
// 合計を計算
var total = price1
>>>
var total = price1;
を施しましたが、依然としてプルダウン選択は可能ですが、
金額等が自動計算されません。
引き続きご助言を賜りたく存じます。
お休み中申し訳ございませんが、
どうぞ宜しくお願いいたします。
投稿日時 - 2010-02-07 08:25:59
0人が「このQ&Aが役に立った」と投票しています
