需要帮助在ruby on rails中显示带有用户输入的操作

Question

所以，我的公司是一名铁路车队经理，我很难实时向用户展示一个单位(数量*价值(的简单操作。

这是向用户显示表单的.haml文件：

最好的方法是什么？

Answer 1

我认为这与Rails无关。你可以简单地在表单的输入字段中创建一个"更改"事件监听器来计算它。如果你使用的是涡轮链接，那么你可以做这样的事情：

document.addEventListener("turbolinks:load", function() {
// Get the elements in DOM
var amount = document.getElementById("amount");
var unitValue = document.getElementById("unit_value");
var result = document.getElementById("result");
// Calculate and return unite values times amount.
function calculate_total(unit, amount) {
// If there is no value on input set 0 by default
if (unit == "") {
unit = 0
}
if (amount == "") {
amount = 0
}
return parseInt(unit) * parseInt(amount)
}
// Set the event listener to inputs on user keyboard input
amount.addEventListener("keyup", function(e) {
result.value = calculate_total(unitValue.value, amount.value)
});
unitValue.addEventListener("keyup", function(e) {
result.value = calculate_total(unitValue.value, amount.value)
});
})

这段代码并没有经过测试，只是为了给你一些想法。