如何使用Jquery基於多個選擇框更改總和？

Question

我有一組具有不同數字值的選擇框，它們被加在一起以產生總和。

如果我想要新值，不必刷新頁面，如何更改Jquery以便在表單中記住新選擇的值，並在更改值時計算新的總和？

你可以看到我在這里要做的事情： http ： //jsfiddle.net/beehive/Za42G/3/

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

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

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

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/