javascript - 如果选择字段更改，Jquery会更改变量值

Question

好的，我有选择字段

<select id="select" required name="bank" >
  <option value="cash">Cash</option>
  <option value="debit">Debit Card</option>
  <option value="cc">Credit Card</option>
</select>

和显示价格的文本字段

<input type="text" id="sub_total" name="sub_total">
<input type="text" id="fee" name="fee">
<input type="text" id="sum" name="total">

和 javascript

var total = 0;
var fees = 0;
var total_fees = fees + total;

$("#sub_total").val(total);
$("#fee").val(fees);
$("#sum").val(total_fees);

所以关键是如果选择信用卡，我想将“费用”值从“0”更改为“0.1 或任何我想要的”

伪解码是

如果选择 cc var fee = '0.1'; 否则 var 费用 = '0';

Answer 1

    $('#select').change(function() {
      if($(this).val() == "cc")
      {
         $('#fee').val(0.1);
      }
   });

Answer 2

使用三元运算符根据select值在 0 和 .1 之间切换

var fees = ($("#select").val() === "cc" ? 0.1 : 0);

您应该将 this 包装在一个函数中，并在更改时将 select 元素绑定到此函数。

例如：

var sel = $("#select");

function setValue() {
  var total = 0,
      fees = (sel.val() === "cc" ? 0.1 : 0); // ternary

  $("#sub_total").val(total);
  $("#fee").val(fees);
  $("#sum").val(fees + total); // sum
}

setValue(); // call function
sel.bind('change', setValue);  // bind function to onchange of the select element