How to sum values ​​of selected options using jquery?

Hello, I have 3 selectors, all selectors have some options with some values, how to sum all the values ​​of the selected parameters?

<select name='anch1'> <option value='10'>10 ++</option> <option value='20'>20 ++</option> <option value='30'>30 ++</option> <option value='40'>40 ++</option> <option value='50'>50 ++</option> </select> <select name='anch2'> <option value='10'>10 ++</option> <option value='20'>20 ++</option> <option value='30'>30 ++</option> <option value='40'>40 ++</option> <option value='50'>50 ++</option> </select> <select name='anch3'> <option value='10'>10 ++</option> <option value='20'>20 ++</option> <option value='30'>30 ++</option> <option value='40'>40 ++</option> <option value='50'>50 ++</option> </select> <div>SUM OF SELECTED OPTIONS</div> 
+4
source share
2 answers
 $('select').change(function(){ var sum = 0; $('select :selected').each(function() { sum += Number($(this).val()); }); $("#sum").html(sum); }); 

http://jsfiddle.net/8mnQR/1/

+14
source
  var sum = parseInt($('select[name="anch1"]').val()) +parseInt($('select[name="anch2"]').val()) +parseInt($('select[name="anch3"]').val() ) 

You can do it

0
source

Source: https://habr.com/ru/post/1446452/


All Articles