How to change sum based on multiple select boxes with Jquery?

Question

I have a group of select boxes with different number values that are added together to produce a sum.

Instead of having to refresh the page every time I want the new value, how can the Jquery be altered so that the new selected values are remembered in the form, and the new sum is computed when the values are changed?

You can see what I'm trying to do here: http://jsfiddle.net/beehive/Za42G/3/

var combined = 0;
$("select").each(function() {
    combined += parseInt($(this).val());
});

$("#sum").html(combined);

$("#sum").change();

VisioN · Accepted Answer · 2012-07-17 19:34:41Z

2

One possible way:

$("select").change(function() {
    var combined = 0;
    $("select").each(function() {
        combined += parseInt(this.value, 10);
    });
    $("#sum").html(combined);
}).trigger("change");

DEMO: http://jsfiddle.net/Za42G/4/

answered Jul 17, 2012 at 19:34

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change sum based on multiple select boxes with Jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related