将输入数据发送到隐藏输入的最佳方式是什么？答案

【问题标题】：What's the best way to send an input's data to a hidden input?将输入数据发送到隐藏输入的最佳方式是什么？
【发布时间】：2018-07-28 12:23:50
【问题描述】：

我在网站上有一个表单，然后在 Bootstrap 模式内有另一个表单。

主表单具有某些字段，例如“Neck, Chest, Waist”，而模态内部的表单只有一个电子邮件字段。

我计划将一些“隐藏”输入添加到名为“胸部，腰部”等的辅助表单中，我希望将主表单字段的值传递到辅助表单的隐藏输入中，因为这实际上是即将提交。

没有javascript可以吗？如果不是，我更喜欢一些 jQuery 解决方案，因为它一定是很小的，但我就是想不通。

【问题讨论】：

我已经阅读了一些解决方案，例如使用模糊/keyup 功能等，但我只是想确保我使用的是最好的方法。
不，不使用 javascript 是不可能的。使用模态表单的提交事件将每个字段值复制到其他表单
@charlietfl 好的，你认为这个解决方案比使用“keyup/blur”功能更好吗？我只是想确保我做得对。
我只是觉得使用“keyup”可能不是最好的解决方案。
我个人会等待用户完成所有操作。模态可能会掩盖另一种形式，因此使用 keyup 会过大

标签： javascript jquery html input hidden-field

【解决方案1】：

提交时只需将表单的值复制到隐藏inputs的表单中即可。不需要在 keyup 上复制。

<form id="form1">
Input
<input type="text" id="input"/>
<button type="submit">Submit</button>
</form>
<form id="form2">
<input type="text" id="input2"/>
</form>
<script>
document.getElementById("form1").addEventListener("submit", (e)=>{
  e.preventDefault();
  document.getElementById("input2").value = document.getElementById("input").value;
  document.getElementById("form2").submit();
});
</script>

【讨论】：

@charlietfl 似乎提出了类似的解决方案。但我有点想按照你的建议换一种方式。您认为如果我使用第二种形式（模态形式）而不是第一种形式的提交功能是否更合适，您是如何建议的。因为现在我没有第一个表单的任何提交按钮。它只有那个按钮来加载模式。
@user2971921 只需将提交按钮替换为加载模式的按钮即可。
好吧，你们真的帮了我，伙计们！我搞定了 :) 非常感谢。
@user2971921 没问题。