2010-08-05 76 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显示结果上面的代码自动计算出两个值的两个输入字段每当东西是新的进入他们。