与表单一起发送的命令外部字段值答案

【问题标题】：Command external field value to be sent with form与表单一起发送的命令外部字段值
【发布时间】：2020-05-29 12:19:47
【问题描述】：

我在一页上有两个表单。

第一种形式用于进行计算（fieldvalue1 + fieldvalue2 = calculatedfield）第二种形式只是简单地捕获信息（姓名、电子邮件等）

第一个表单没有提交按钮，但第二个表单有一个提交按钮。目前，当用户填写所有信息并单击提交时，只有第二个表单的字段会发送到我的管理员电子邮件。

当点击第二个表单上的提交按钮时，有没有办法将 calculatedfield 连同发送到我的电子邮件的表单字段一起发送？

我想添加一个代码 sn-p 来命令 calculatedfield 也与第二种形式的字段一起发送。不确定要使用哪个代码...

如果能提供任何帮助，我将不胜感激。

【问题讨论】：

第一个表单没有提交按钮有什么意义？您不能将所有输入都包含在同一个 <form> 标记中吗？
嗨@Balastrong，我正在为使用两个不同表单插件的人解决这个问题。
您需要从第一个表单提交值并将它们捕获为第二个表单中的隐藏字段。因此，一旦您在第二个表单上点击提交，第二个表单上的所有值（包括隐藏值）都会被发送。
检查是否有任何 jquery 函数调用在单击第一个表单上的下一个按钮/链接时执行。大多数情况下，这应该是您的起点。

标签： javascript php html jquery css

【解决方案1】：

在您的第二个表单中添加一个新的隐藏字段（我们称之为 hiddenCalculatedField）。

在第一个表单中，将 onChange 钩子添加到 calculatedfield，并将值复制到隐藏字段。这将在提交第二个表单时提交。

在本例中，假设

$(document).ready(function() {
   $("input[name='calculatedfield']").change(function() {
       $("input[name='hiddenCalculatedField']").val($(this).val())
   })
}

【讨论】：

嗨@Catch22，感谢您的回复。这两种形式来自两个不同的插件。我希望我可以简单地添加一个代码 sn-p 来命令 calculatedfield 与第二种形式一起发送。我已将隐藏字段添加到第二种形式。不确定如何在第一种形式中添加 onChange 挂钩。非常感谢您的帮助。
如果您使用开发人员工具查看第一个表单 => 检查元素（在 Chrome 中），您将能够找到第一个表单的标识符（表单 ID、表单类或计算字段输入元素的 ID/类），然后您可以使用 jQuery 来定位该输入字段并调用 change() 钩子。