ただ今見積もり計算フォームを作っているところで、大変困っています。どなたか助けていただけせんか。
二つのセレクトボックスを選択する事によって、テキストエリアに数字が出るようにしたいです。
ただの足し算・掛け算なら計算が出来るのですが、ifや配列を使用すると上手く出来なくて詰まっております。
概要
セレクトボックス1の内容:A,B,C
セレクトボックス2の内容:D,E,F,G
見積もり結果
AとDの場合=950
AとEの場合=1400
AとFの場合=1850
AとGの場合=2500
BとDの場合=1200
BとEの場合=1850
BとFの場合=2400
BとGの場合=2800
CとDの場合=2300
CとEの場合=2500
CとFの場合=2800
CとGの場合=3200
よろしくお願いします!
No.1ベストアンサー
- 回答日時:
法則性がないなら全ての組合せを定義しておく必要がありますね
<script>
function check(f){
var arr={
"A":{"D":950,"E":1400,"F":1850,"G":2500}
,"B":{"D":1200,"E":1850,"F":2400,"G":2800}
,"C":{"D":2300,"E":2500,"F":2800,"G":3200}
};
var x=f.elements["x"].value;
var y=f.elements["y"].value;
f.elements["z"].value=(arr[x] && arr[x][y])?arr[x][y]:"";
}
</script>
<form>
<select name="x" onchange="check(this.form);">
<option value="">--</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select name="y" onchange="check(this.form);">
<option value="">--</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="G">G</option>
</select>
<textarea name="z"></textarea>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 会計ソフト・業務用ソフト Excelの見積書の消費税をブルタウンで変更したい。 3 2023/02/14 16:41
- 郵便・宅配 宅配ボックス(集合住宅)の使い方について 1 2022/11/23 16:47
- 電気工事士 第一種電気工事士の実務経験について。 工期とはどの期間を言いますか? 例えば、制御ボックスを増設する 1 2023/02/01 17:47
- 郵便・宅配 マンションの宅配ボックスの場所について Amazonで注文した品物を手渡しで受け取る際にAmazon 4 2022/06/14 09:52
- Excel(エクセル) エクセル 関数について質問です。 2 2022/10/03 11:14
- 郵便・宅配 マンションなどの宅配ボックスの利用方法について 4 2023/03/17 21:47
- その他(Microsoft Office) Excelで時間計算(負) 8 2023/02/26 05:47
- その他(お金・保険・資産運用) 至急!【Wolt】各メニューの価格設定の簡単な計算方法 3 2023/03/05 11:58
- Excel(エクセル) VBAで組み合わせ算出やCOUNTIFSの処理を高速化したいです。 4 2022/04/07 02:38
- その他(法律) 試しにGoogle Bard 36協定の要約しました。 1 2023/05/28 02:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
リストボックス内の重複したも...
-
プルダウンメニューに連動する...
-
セレクトボタンで特定の項目で...
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
セレクトボックスの組み合わせ...
-
select+submit部分をonclikでsu...
-
セレクトボックスで配列を呼び...
-
2段階プルダウンで1段階目の選...
-
WebBrowserを使ってプルダウン...
-
動的なセレクトボックスの生成...
-
javascriptで選択肢が分かれる...
-
今日の日付を自動的にセレクト...
-
同一ページに複数のプルダウン...
-
jqueryでselect要素を表示・非...
-
プルダウン選択を変更すると、...
-
2段階連動セレクトボックスでの...
-
複数のプルダウンを1つにまとめ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
【JS】selectでchangeした時の...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
複数のプルダウンを1つにまとめ...
-
コードレビューをお願いします。
-
JavaScriptで<select>の<option...
-
<input>の選択肢をプルダウンメ...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
VBScriptでHTMLのセレクトボッ...
-
ラジオボタンとプルダウンを連...
-
javascriptで合計金額を算出し...
-
中百舌鳥駅と深井駅を入れ替え...
-
同じ名前のセレクトがある場合...
-
セレクトボックスで配列を呼び...
-
今日の日付を自動的にセレクト...
-
プルダウンの値によって活性・...
-
サイト内の物件を複数の検索条...
おすすめ情報