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

Question

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

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

你可以在这里看到我想要做什么：http: //jsfiddle.net/beehive/Za42G/3/

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

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

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

​</p>

Answer 1

一种可能的方式：

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

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