2010-08-05 113 views
1

我需要創建一個簡單的表單,向用戶詢問兩個值,當她提交表單時,將顯示基於這些值計算出的值。使用Drupal的簡單計算器?

例如,用戶可以表明這樣的事:

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

唯一可編輯的字段是1樓和2號。在給出數字並點擊Calculate!之後,她看到以下頁面:

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

她現在可以修改數字並重新點擊計算!提交併重新加載頁面是可以的,這些值不需要在原地進行更新。

我必須使用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顯示結果上面的代碼自動計算出兩個值的兩個輸入字段每當東西是新的進入他們。