フォーム内のURLパラメータにテキストフィールド値を渡す

Question

ウェブセミナーにユーザーを登録しようとしています。唯一の方法は、通常はメールで使用されるワンクリック登録リンクです。しかし、我々は同様にoptin形式でこのリンクを使用する必要があります。

https://register.webinar.com/auto-register?webid=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=1

私たちは、から選択する3つのスケジュールを持っており、これは、パラメータのスケジュール= X '

に設定されている提出リンクはに基づいて変更するように、私はonclickのアクションでラジオボタンを使用しています選択されたスケジュール。例えば

<form accept-charset="UTF-8" action="submit.php" method="POST" id="myForm"> 
    <label for="FirstName">First Name *</label> 
    <input id="FirstName" name="FirstName" type="text" /> 
    <label for="Email">Email *</label> 
    <input id="Email" name="Email" type="text" /> 
    <div class="radio_form"> 
      <input name="sel_schedule" type="radio" value="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=1" onclick="javascript:document.getElementById('next_url').href=this.value;" checked="checked"> 
      <label>Schedule 1</label> 

      <input name="sel_schedule" type="radio" value="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=2" onclick="javascript:document.getElementById('next_url').href=this.value;"> 
      <label>Schedule 2</label> 

      <input name="sel_schedule" type="radio" value="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=3" onclick="javascript:document.getElementById('next_url').href=this.value;"> 
      <label>Schedule 3</label> 
    </div> 
<div class="submit_form"> 
    <a id="next_url" name="next_url" href="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=1" onclick="document.getElementById('myForm').submit();">Submit</a> 

彼らは、送信ボタンをクリックする前に、今、他の問題は、どのように私は登録リンク上の名前と電子メールのためのフィールド値を渡すことができますか？テキストフィールドにonchangeを使用することを考えましたが、登録リンクのURLパラメータに情報を渡す方法はわかりません。

ありがとうございます！

Answer 1

は、URLパラメータにアクセスし、このようなフォームフィールドを移入したものを使用することができます - 「ワンクリック登録リンクを経由して」

<form accept-charset="UTF-8" action="submit.php" method="POST" id="myForm"> 
<label for="FirstName">First Name *</label> 
<input id="FirstName" name="FirstName" type="text" /> 
<label for="Email">Email *</label> 
<input id="Email" name="Email" type="text" /> 
<div class="radio_form"> 
     <input name="sel_schedule" type="radio" value="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=1" onclick="javascript:document.getElementById('next_url').href=this.value;" checked="checked"> 
     <label>Schedule 1</label> 

     <input name="sel_schedule" type="radio" value="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=2" onclick="javascript:document.getElementById('next_url').href=this.value;"> 
     <label>Schedule 2</label> 

     <input name="sel_schedule" type="radio" value="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=3" onclick="javascript:document.getElementById('next_url').href=this.value;"> 
     <label>Schedule 3</label> 
</div> 
<div class="submit_form"> 
    <a id="next_url" name="next_url" href="https://app.webinarjam.net/ew/auto-register?webicode=69bb17b947&memberid=39867&firstname=yourname&email=your@email.com&schedule=1" onclick="document.getElementById('myForm').submit();">Submit</a> 
</div> 
    </form> 

    <script> 
    var getUrlParameter = function getUrlParameter(sParam) { 
     var sPageURL = decodeURIComponent(window.location.search.substring(1)), 
      sURLVariables = sPageURL.split('&'), 
      sParameterName, 
      i; 

     for (i = 0; i < sURLVariables.length; i++) { 
      sParameterName = sURLVariables[i].split('='); 

      if (sParameterName[0] === sParam) { 
       return sParameterName[1] === undefined ? true : sParameterName[1]; 
      } 
     } 
    }; 

    var webid = getUrlParameter('webid'); 
    var firstName = getUrlParameter('firstname'); 
    var email = getUrlParameter('email'); 
    var schedule = getUrlParameter('schedule'); 

    document.getElementById("FirstName").value = firstName; 
    document.getElementById("Email").value = email; 
    </script>