如何根据表单值进行计算答案

【问题标题】：How to perform calculation based on the form value如何根据表单值进行计算
【发布时间】：2021-03-23 10:10:28
【问题描述】：

我有这个代码

<form>

<input type = "number" name="name1" value="">

<input type = "number" name="name2" value="">

</form>

这里我想在用户输入 name1 值时在 name2 上显示 25% 的 name1 值。请我需要 javascript 代码来执行此操作

假设用户在第一个字段中输入 100，100 的 25% 是 25，现在第二个字段将自行更新为 125 onchange。

【问题讨论】：

您能告诉我们您为解决问题所做的尝试吗？即使你不能，你也可以更好地理解你想对别人做什么。
假设用户在第一个字段中输入 100，100 的 25% 是 25，现在第二个字段将自行更新为 125 onchange。
那么name1 的价值是 125% 还是增加了 25%？
是的。它是增加

标签： javascript html forms validation populate

【解决方案1】：

如果您只想增加 25%，您可以使用 JS 轻松做到这一点

document.querySelector('[name=name2]').value = this.value * 1.25

它获取具有name="name2" 的输入并将其值设为name1 值的125%

<form>

<input type = "number" name="name1" value="" oninput="document.querySelector('[name=name2]').value = this.value * 1.25">

<input type = "number" name="name2" value="">

</form>

【讨论】：

您的答案有效，但它阻止我添加换行符或 div