すべてのドロップダウンメニューを合計する方法

Question

私にはこれに新しいヘルプが必要ですが、3つのドロップダウンメニューがあり、ドロップダウンの合計が10を超える場合、合計：私はあなたがきた選択の通過の変化ループに、その後、すべての3つの選択のに変更イベントを取り付け、総合計を計算

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

Answer 1

の下に使用してコードイムを追加してい

たとえば、

$('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'); 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<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> 
 
    <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> 
 
     </select> 
 
    </td> 
 
    </tr> 
 
</table>