Question

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

主要表单具有某些字段，例如“脖子，胸部，腰围”，而模式内部的表单只有一个电子邮件字段。

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

没有javascript是否可能？如果不是这样，我宁愿选择一些jQuery解决方案，因为它必须很小，但我无法弄清楚。

Answer 1

提交表单时，只需将表单的值复制到带有隐藏input的表单中即可。不需要复制键盘。

<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>

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

1 个答案: