※ ChatGPTを利用し、要約された質問です(原文:ジャバスクリプトで作った自動計算フォームが)
ジャバスクリプトで作った自動計算フォームが動かない!初心者の方へのアドバイス
2010/02/06 22:38
このQ&Aのポイント
ジャバスクリプトで作成した自動計算フォームがうまく動かないという初心者の方へ、アドバイスをします。
質問者はジャバスクリプトで作成した自動計算フォームの動作に困っています。初心者の方へのアドバイスをお願いします。
ジャバスクリプトで作成した自動計算フォームが正しく動かない場合の解決策についてアドバイスをお願いします。
ジャバスクリプトで作った自動計算フォームが
動かなくて困り果ております。
初心者です。御指南のほど、どうぞ宜しくお願いします。
■ 編集ソース
<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>
質問の原文を閉じる
質問の原文を表示する
補足
ken_tyan 様 ご回答、本当にありがとうございます。 早速、ご助言の修正 // 合計を計算 var total = price1 >>> var total = price1; を施しましたが、依然としてプルダウン選択は可能ですが、 金額等が自動計算されません。 引き続きご助言を賜りたく存じます。 お休み中申し訳ございませんが、 どうぞ宜しくお願いいたします。