我需要创建一个简单的表单,询问用户的两个值,并在提交表单时显示基于这些值计算的值。
例如,用户可能会显示如下内容:
1st number:
2nd number:
Result:
Calculate!
唯一可编辑的字段是第1和第2个数字。在给出数字并单击Calculate!后,她会看到以下页面:
1st number: 15
2nd number: 20
Result: 35
Calculate!
她现在可以修改数字并重新点击计算!提交和重新加载页面是可以的,这些值不需要就地更新。
我是否必须使用JavaScript注入执行此操作,还是有其他方法?
答案 0 :(得分:2)
查看Computed Field模块。
答案 1 :(得分:1)
您不必使用JavaScript执行此类操作,但这将是最快捷,最简单的解决方案。特别是因为你有jQuery可用。您甚至不必让用户点击计算。
示例代码:
$("#input_1, #input_2").change(function(){
$("#result").text(parseInt($("#input_1").val(), 10) + parseInt($("#input_2").val(), 10));
});
给定两个输入字段,其中包含ID input_1
和input_2
以及span / div等,以显示ID为result
的结果,只要有新内容,上述代码就会自动计算这两个值进入他们。
答案 2 :(得分:0)
我在这里看到几种可能的选择:
1)您甚至可以创建一个简单的表单,并使用JavaScript计算在字段中输入的数据,甚至可以使用简单的jQuery,如答案之一所示。
2)在Drupal官方网站上搜索现成的模块,例如:
是的,所有内容都可能需要完善,但是我认为它不需要很多代码。
3)使用builder uCalc-不需要编程,并且所有操作都在可视编辑器中进行。您只需将必要的小部件放入表单中并为所需的值进行计算即可。非常有用的东西,可以节省时间。
4)还有更多网站可以下载此类计算器的现成脚本,但需要认真开发。