計算を備えたホームページを運営したいと思っているのですが、javascriptとhtmlを組み合わせ方がよくわかっておりません。
どなたかお教え頂けたら非常に助かるのですが。
行いたい計算式は以下です。
(基本コース100円+オプション(あり、なし)+オプション(あり、なし) )×数量+送料オプション(あり、なし)=答え
(基本コース200円+オプション(あり、なし)+オプション(あり、なし) )×数量+送料オプション(あり、なし)=答え
という計算をしたいのです。
オプション箇所、送料オプションはプルダウンで行いたいです。
ありでは50円、なしでは0です。
送料オプションありの場合300円です。
http://oshiete.goo.ne.jp/qa/4688991.html こちらのページに似ているものがあるのですが、上記のようなオプション計算を横に複数計算がわかりません。
よろしくお願いいたします
No.1ベストアンサー
- 回答日時:
こんな感じでいかがですか。
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<html><head><title>計算フォーム</title></head>
<script type="text/javascript">
<!--
function chg(){
//数量を確認する。
var num=frm1.elements.opt3.value * 10+frm1.elements.opt4.value*1;
//テキストボックスに計算値を反映する。
var result;
result=frm1.elements.basic.value*1+frm1.elements.opt1.value*1+frm1.elements.opt2.value*1+frm1.elements.opt5.value*1;
result=result*num;
frm1.elements.txt1.value =result;
}
//-->
</script>
<body >
<center><br>
<form name="frm1">
<select onChange="chg()" name="basic">
<option value="100">基本コース100円</option>
<option value="200">基本コース200円</option>
</select>
<select onChange="chg()" name="opt1">
<option value="50">オプション1あり</option>
<option value="0">オプション1なし</option>
</select>
<select onChange="chg()" name="opt2">
<option value="50">オプション2あり</option>
<option value="0">オプション2なし</option>
</select>
数量
<select onChange="chg()" name="opt3">
<option value="0">0
</option>
<option value="1">1
</option>
<option value="2">2
</option>
<option value="3">3
</option>
<option value="4">4
</option>
<option value="5">5
</option>
<option value="6">6
</option>
<option value="7">7
</option>
<option value="8">8
</option>
<option value="9">9
</option>
</select>
<select onChange="chg()" name="opt4">
<option value="0">0
</option>
<option value="1">1
</option>
<option value="2">2
</option>
<option value="3">3
</option>
<option value="4">4
</option>
<option value="5">5
</option>
<option value="6">6
</option>
<option value="7">7
</option>
<option value="8">8
</option>
<option value="9">9
</option>
</select>
個
<select onChange="chg()" name="opt5">
<option value="300">送料オプションあり</option>
<option value="0">送料オプションなし</option>
</select>
<input type="text" name="txt1" ><br>
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 格安スマホ・SIMフリースマホ 今 ahamoを使っていて 4898円以下になる携帯会社があれば乗り換えたいです 20GBと24時間 9 2022/09/27 07:43
- Y!mobile(ワイモバイル) Ymobileデータ増量OP550円2GBコスパ悪い。プランSとプランMを月ごと交互に契約可能ですか 5 2023/05/23 17:43
- デスクトップパソコン デスクトップpcを買います。 値段が妥当か見てください。 PC基本部 ESPRIMO WD2/F3 4 2022/05/14 06:58
- Y!mobile(ワイモバイル) Ymobile!データ増量オプション(550円)1年無料経過後 解約・契約繰り返して使えますか? 5 2023/05/11 09:11
- 一戸建て 注文住宅の総費用について 2 2022/08/13 17:12
- Amazon amazonで海外へ荷物を送る時 1 2023/03/08 20:14
- 国産車 新型プリウスの購入を考えています。 やはり上位グレードはいいなと思いながらも実用性と予算面(苦笑)を 9 2023/03/24 12:49
- 投資・株式の税金 一般口座で同一銘柄の総平均法のことで 1 2023/02/27 22:08
- 相続・譲渡・売却 建売3000万円と雑誌に乗ってる物件は実は4000万円近くかかりますか? 建売で書いてある価格はまっ 5 2022/11/04 10:24
- 訴訟・裁判 アシュラトレード被害者の会を立ち上げようと思います 2 2022/05/03 16:54
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでセレクトボックス...
-
selectを変更不可にしたい
-
【javascript】連想配列からセ...
-
Selectボックスの一覧表示方法
-
VBScriptでHTMLのセレクトボッ...
-
option 選択による表示&非表示
-
1度きりではなく、繰り返し、挙...
-
selectを使った計算
-
selectボックスの選択結果を変...
-
複数のプルダウンを1つにまとめ...
-
【JavaScript】プルダウンで数...
-
全てのselect要素をデフォルト...
-
<input>の選択肢をプルダウンメ...
-
プルダウンの選択内容を次のペ...
-
selectが変更されたらnameを指...
-
javascriptで合計金額を算出し...
-
プルダウンメニューに連動する...
-
2段階連動セレクトボックスでの...
-
【JS】selectでchangeした時の...
-
javascript:データを日本語で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
javascriptでセレクトボックス...
-
全てのselect要素をデフォルト...
-
Selectボックスの一覧表示方法
-
リストボックス内の重複したも...
-
プルダウンの値によって活性・...
-
VBScriptでHTMLのセレクトボッ...
-
JavaScriptで<select>の<option...
-
セレクトボックスで配列を呼び...
-
ラジオボタンとプルダウンを連...
-
selectを使った計算
-
select要素のvalueを配列で取得...
-
<input>の選択肢をプルダウンメ...
-
javascriptでoptionタグを削除...
-
今日の日付を自動的にセレクト...
-
検索窓とプルダウンメニュー機...
-
【javascript】連想配列からセ...
-
selectボックスの選択結果を変...
-
同じ名前のセレクトがある場合...
おすすめ情報