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");​ 

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