Question

I have different selects with different values in them. How can I get total amount of those values?

For example I have

<select class="total">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<select class="total">
    <option>2</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

And if I select from the first select 1 and from the second 2 I want to get 3 as result.

http://jsfiddle.net/vQ8Bm/

Answer 1

You should look through the selected elements and convert each to an integer, then add them.

var sum = 0;
$('.total :selected').each(function () {
    sum += parseInt($(this).text());
});

• Demo

UPDATE

Inside the select change event

$('.total').change(function () {
    var sum = 0;
    $('.total :selected').each(function () {
        sum += parseInt($(this).text());
    });
});