如果选择字段发生更改，Jquery将更改变量值

Jquery change the variable value if select field change

本文关键字：Jquery 改变 变量值 字段 如果 选择      更新时间：2023-09-26

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或我想要的"

伪代码是

如果选择ccvar费用=‘0.1’；其他的var费用='0'；

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

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

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

您应该将其封装在一个函数中，并在更改时将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
相关文章：