jqueryで条件分岐させたフォームを作りたい

Question

〜〜やりたいこと、現状〜〜
今、量に応じて値段が変わるフォームを作っています
具体的に、railsでコーディングしており、orderテーブルにservice,price,quantityといったカラムが存在しているといった状況です。その上で、railsのjavascriptのapplication.jsに require jQueryとした上、上記のquantityに対して1.5倍したものをpriceに表示させるといった処理をしています

以下のコードでpriceをquantity*レート(1.5)の値に表示させるという部分まで実装できました
ただ、serviceの値によって条件分岐させ上記のレートを変えたいのですが、どうしたらよいでしょうか。。

例えば)valueが1の時レートを1.5に、valueが2の時レートを2.0にといった処理です。。

どなたかご教授願えたら幸いです。よろしくお願い致します。

  <div class="order">
〜〜
  <div class="select-wrap select-primary">
  <select name="order[service]" id="order_service"><option value="">商品を選択してください</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
<option value="5">E</option></select>
  <p>
  </p>

  <p>
     <input placeholder="量(個数)を半角で入力してください" type="text" name="order[quantity]" id="order_quantity" />
  </p>


<p class="pay_size">お支払いポイント：<span id="order_price"></span>pt(円)</p>
  <p>
  <input type="submit" name="commit" value="注文する" class="submit_button" data-disable-with="注文する" />
  </p>
  </div>
  </div>

$(function() {
  var $input = $('#order_quantity');
  var $output = $('#order_price');
  $input.on('input', function(event) {
    var value = 1.5*$input.val();
    $output.text(value);
  });
});```

Comments

[m.ts10806]

プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）

[m.ts10806]

serviceとレートの関係はどのように定義されますか？何かしら法則や設定ファイルのようなものはあるのでしょうか

[Osqkq]

見にくい質問を投稿してしまい申し訳ございません。。。何しろ初めてなもので。。具体的に、railsでコーディングしており、orderテーブルにservice,price,quantityといったカラムが存在しているといった状況です。その上で、railsのjavascriptのapplication.jsに require jQueryとした上、上記のquantityに対して1.5倍したものをpriceに表示させるといった処理をしています。。。おそらく法則や設定ファイルは無いです。。

[m.ts10806]

質問は編集できるので適宜対応してください。要件部分となるコメントも含まれているのでそちらも追記いただければと

[m.ts10806]

おそらく？と言いますが「valueが1の時レートを1.5に、valueが2の時レートを2.0にといった処理で」と書かれているので何かしら意味があるように思ったのですが。いずれにしてもきちんと法則や設定は決められないと完成はしないように思いますので、進める際には注意してください

Answer 1

考え方としては

valueが1の時レートを1.5に、valueが2の時レートを2.0にといった処理です。

であれば、serviceの値を直接計算していないなら
valueの値を最初から1ではなく1.5にして計算式に組み込むか

var rate={1:1.5,2:2};
式*rate[service]

のようにするかでよいのでは