Question

我的目标是创建一个表单以生成快速报价。目标是，服务人员能够选择具有分配给每个＆gt;的值的计算机部件。。

例如，

<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>

因此，如果用户在formum上选择选项2，然后在formum2 Id上选择2，就像读取＆＃34; 15＆＃34;的函数一样。

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>

Answer 2

获取选择的选择值并添加它。

使用parseInt将所选值解析为int。

＆＃13;

HTTP Status 404 - 

--------------------------------------------------------------------------------

type Status report

message 

description The requested resource is not available.


--------------------------------------------------------------------------------

Apache Tomcat/7.0.72

＆＃13;

$('#btn').on('click',function(){
   var sum  = parseInt($('#formsum select').val()) + parseInt($('#formsum2 select').val());
   console.log(sum);
});

＆＃13;

Answer 3

在下拉列表更改事件

上尝试此操作

$(document).ready(function() {
    $("#formsum,#formsum2").change(function() {
    var sum  = parseInt($('#formsum select').val()) + parseInt($('#formsum2 select').val());
    alert(sum);
    });
});

使用Jquery创建表单值的总和

3 个答案: