如果选择字段值更改,则更改值变量javascript

时间:2013-07-31 03:27:37

标签: javascript jquery html math

oke我有选择字段

<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或我想要的任何东西”,如果选择信用卡

pseudecode是

如果选择cc  var fee ='0.1'; 其他  var fee ='0';

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

使用三元运算符根据select

在0和.1之间切换
var fees = ($("#select").val() === "cc" ? 0.1 : 0);

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

e.g。 :

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