jquery - 使用 Jquery 创建表单值的总和

Question

我的目标是创建一个表单来生成快速报价。我们的目标是用户能够选择计算机部件，并为每个 > 分配一个值。

例如，

<form id="formsum">
  <select>
  <option value="1">1</option>
  <option value="5">2</option>
  <option value="2">3</option>
  </select>
</form>

<form id="formsum2">
  <select>
  <option value="2">1</option>
  <option value="10">2</option>
  <option value="4">3</option>
  </select>
</form>

因此，如果用户在formsum 上选择选项2，然后在formsum2 上选择2，我会喜欢读取“15”的函数。

Answer 1

你可以尝试这样的事情:

$("[id^=formsum] select").change(function() {
  var sum = 0;
  $("[id^=formsum] select").each(function() {
    sum += Number($(this).val());
  });
  console.log(sum)
})

演示

$("[id^=formsum] select").change(function() {
  var sum = 0;
  $("[id^=formsum] select").each(function() {
    sum += Number($(this).val());
  });
  console.log(sum)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="formsum">
  <select>
  <option value="1">1</option>
  <option value="5">2</option>
  <option value="2">3</option>
  </select>
</form>

<form id="formsum2">
  <select>
  <option value="2">1</option>
  <option value="10">2</option>
  <option value="4">3</option>
  </select>
</form>