用第一个表单值（HTML、Javascript）填充第二个表单隐藏字段

我试图在第二个表单中添加隐藏字段，并在提交前用第一个表单值填充这些字段（使用java脚本）

第一种形式：

                    <form id="contactform" name="cform" class="contact-form clearfix form oswald normal antialiased" method="post" action="./contact/includes/contact-processs.php">
                    <div class="fullwidth clearfix">
                        <div class="f-left">
                            <input type="text" name="name" id="name" placeholder="Name">
                        </div>
                        <div class="f-right">
                            <input type="email" name="email" id="email" placeholder="E-Mail">
                        </div>
                    </div>
                    <textarea name="message" id="message" placeholder="Hashtags / Target Audience"></textarea>
                    <div class="note"></div>
                    <button type="submit" id="submit" class="darkertext" name="submit" onclick="loading()">GET STARTED</button>
                </form>

开始

---

第二种形式：

这可能不是最好的解决方案，但您可以尝试一下

<!--Form 1-->
<form onsubmit="fill()">
  <input type="text" id="name" name="name">
  <input type="submit">
</form>

<!-- Form 2-->
<form>
  <input type="hidden" id="nameHidden">
</form>

//Javascript code
function fill() {
   var element1 = document.getElementById("nameHidden");
   var element2 = document.getElementById("name");
   element1.value = element2.value;
}

//Javascript代码
函数fill（）{
var element1=document.getElementById（“nameHidden”）；
var element2=document.getElementById（“名称”）；
element1.value=element2.value；
}

使用

addEventListener（“change”，function（）{…}

收听输入更改并填写关于输入值更改的其他表格

演示：

paypalform.name.addEventListener（“更改”，函数（）{
contactform.name.value=paypalform.name.value；
});
paypalform.email.addEventListener（“更改”，函数（）{
contactform.email.value=paypalform.email.value；
});
paypalform.message.addEventListener（“更改”，函数（）{
contactform.message.value=paypalform.message.value；
})；

开始
开始

在contactform上提交所有字段

$("#contactform").on("submit",function(){
  var name=$(this).find("#name").val();
  var email=$(this).find("#email").val();
  var message=$(this).find("#message").val();

  var form2=$("#paypalform");

  form2.find("#name").val(name);
  form2.find("#email").val(email);
  form2.find("#message").val(message);

})

---

让我知道它是否有效

两个表单在同一页面上？是的，一个是联系人表单，另一个是PayPal表单（我需要PayPal表单中的隐藏字段具有与联系人表单相同的值）你能给我看一下你的两个表单html代码吗？我会帮你吗？你使用jquery吗？我已经添加了第一个表单，第二个表单是一个通用的paypal订阅表单（不允许我添加上面的表单）-我确实使用了jQuerywhich字段，您希望在第二个表单中添加？我尝试了这个，但似乎无法使其工作，表单2字段在提交后变为空，因此您提交了第一个表单，并且希望第二个表单数据位于第二页？如果我错了，请更正。如果可能，请附上代码快照。