2010-08-05 9 views
1

사용자로부터 두 개의 값을 묻는 간단한 양식을 만들어야하며 양식을 제출할 때 해당 값을 기반으로 계산 된 값이 표시됩니다. 예를 들어Drupal을 사용하는 간단한 계산기?

는, 사용자는 다음과 같이 표시 될 수있다 :

1st number: 
2nd number: 
Result: 
Calculate! 

유일한 편집 가능한 필드가 1, 2 수입니다.

1st number: 15 
2nd number: 20 
Result: 35 
Calculate! 

그녀는 지금 번호를 수정하고 계산 reclick : 숫자를주고 계산을 클릭하면! 그녀는 다음 페이지를 본다! 페이지를 제출하고 다시로드해도 문제가 없으며 값을 내부에서 업데이트 할 필요가 없습니다.

JavaScript 삽입을 사용하여이 작업을 수행해야합니까 아니면 다른 방법이 있습니까?

답변

1

JavaScript로 이와 같은 작업을 수행 할 필요는 없지만 가장 빠르고 쉬운 해결책입니다. 특히 jQuery를 사용할 수 있기 때문에 특히 그렇습니다. 사용자가 계산을 클릭 할 필요조차 없습니다.

예 번호 :

$("#input_1, #input_2").change(function(){ 
    $("#result").text(parseInt($("#input_1").val(), 10) + parseInt($("#input_2").val(), 10)); 
}); 

ID input_1input_2 및 위의 코드를 자동으로 두 값을 계산 ID result로 결과를 표시 할 수있는 범위/DIV 등 두 입력 필드 주어진 무언가 새로운마다이며 그들에게 들어갔다.