2番目のフォームの隠しフィールドを最初のフォーム値（HTML、Javascript）で埋めてください

Question

私は2番目のフォームに隠しフィールドを追加し、提出前に最初のフォーム値でこれらのフィールド（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> 

2番目の形式は：

Answer 1

が、これが最善の解決策ではないかもしれないが、あなたはこれを試すことができます。

<!--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; 
} 

Answer 2

addEventListener("change", function(){...}を使用すると、入力値の変更をリッスンし、入力値の変更時に他のフォームを入力できます。

デモ：

paypalform.name.addEventListener("change", function(){ 
 
    contactform.name.value = paypalform.name.value; 
 
}); 
 
paypalform.email.addEventListener("change", function(){ 
 
    contactform.email.value = paypalform.email.value; 
 
}); 
 
paypalform.message.addEventListener("change", function(){ 
 
    contactform.message.value = paypalform.message.value; 
 
});

<form id="paypalform" 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> 
 

 
<!---------Second Form----------> 
 
<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>

Answer 3

の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); 

}) 

すべてのフィールドを提出し、私はそれが同じページに両方のフォームを仕事やない