如何累计所有下拉菜单

时间:2017-11-29 23:14:12

标签: javascript php jquery html

我需要新的帮助,但我有3个下拉菜单如何计算它们并总计它们以提示用户如果总共下降总数超过10个:

我已使用下面的

添加代码
<table align="center" width="360" border="0" cellspacing="0" cellpadding="0">
       <tr>
     <td width="270" align="right">N1:</td>
  <td width="270" align="right"><select name="N1" id="N1">
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
     </select></td>
     <td width="270" align="right">N2:</td>
  <td width="270" align="right"><select name="N2" id="N2">
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
     </select></td>
      </tr>
     <td width="370" align="right">N3:</td>
  <td width="270" align="right"><select name="N3" id="N3">
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>

     </td> 

  </tr>

1 个答案:

答案 0 :(得分:0)

将更改事件附加到所有三个选择,然后通过选择你的变化循环并计算所选值的总和,如:

'middleware' => 'roles:admin,editor,...'

希望得到这个帮助。

$('select').each(function() {
    total += Number($(this).val());
});
$('select').on('change', function() {
  var total = 0;

  $('select').each(function() {
    total += Number($(this).val());
  });
  console.log(total);
  if (total > 10) {
    console.log('Alert user');
  }
})