JavaScript将总和保存到字段

JavaScript的新特性

我有一个表单，有三个字段：数量、金额（隐藏）、总和。 用户输入他们想要购买的数量，并将其乘以金额，然后显示总和。如果用户更改了金额，则总和将更改。我无法解决的是如何在字段中保存总和，当用户使用checkout时，总和字段最终为空

剧本：

函数getElementByName（名称）{ 常量元素=document.getElementsByName（名称） 如果（elements.length！==1）{ 抛出新错误（'找到多个名为'+name'的元素） } 返回元素[0] } /** *求和 */ 函数calculateSum（）{ const num1=getElementByName（'quantity'）。值； const num2=getElementByName（'amount'）。值； getElementByName（“总和”）。值=num1*num2； } /** *倾听事件 */ 函数listenToEvents（）{ 常量elem=getElementByName（'数量'） 元素addEventListener（'keyup'，（）=>{ 计算um（） }) }

---

listenToEvents（）函数中不需要事件处理程序函数。我还建议您使用

input

事件，而不是

keyup

。您还可以将事件附加到数量和金额上

演示：

函数getElementByName（名称）{ 常量元素=document.getElementsByName（名称） 如果（elements.length！==1）{ 抛出新错误（'找到多个名为'+name'的元素） } 返回元素[0] } /** *求和 */ 函数calculateSum（）{ const num1=getElementByName（'quantity'）。值； const num2=getElementByName（'amount'）。值； getElementByName（“总和”）。值=num1*num2； } /** *倾听事件 */ 常量元素=[getElementByName（'quantity'），getElementByName（'amount'）] 要素forEach（功能（el）{ el.addEventListener（'input'，（）=>{ 计算um（） }); });

数量：


金额：


总结：

请正确解释您的问题陈述。你现在的问题还不清楚。我使用表单平台创建自定义动态web表单。在这个平台中，我可以将javascript添加到我的表单中，我现在正尝试这样做。用户输入想要购买的数量的值，脚本计算总额并向用户显示其成本，然后用户点击submit并从表单发送一封包含数量和总额的电子邮件，但总额为空。该值显示在表单中，用户可以更改数量和总和更改，但不会保存该值。如果我直接在“总和”字段中输入一个值，它将被保存。如果我在表单中使用“输入”而不是“键控”，则“总和”字段中的值只会闪烁，不会向用户显示，并且在提交表单时，“总和”字段中的值不会被保存。如果我直接在“总和”字段中输入值，则在提交时会保存该值。