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

Question

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

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

我计划将一些 "hidden" 输入添加到名为 "chest, waist" 等的辅助表单中，我希望将主表单字段的值传递到辅助表单的隐藏输入中，因为那是实际要提交的一个。

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

Answer 1

只需在提交时将表单的值复制到隐藏input的表单中即可。不需要在 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>

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

What's the best way to send an input's data to a hidden input?

html

javascript

jquery

input

hidden-field