javascript - 如何使用Jquery基于多个选择框更改总和？

我有一组具有不同数字值的选择框，它们被加在一起以产生总和。

不必每次都需要新值时都刷新页面，如何更改Jquery，以便在表单中记住新选择的值，并在更改值时计算新的总和？

您可以在此处查看我要执行的操作：http://jsfiddle.net/beehive/Za42G/3/

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

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

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

最佳答案

一种可能的方式：

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

演示：http://jsfiddle.net/Za42G/4/