さて、変数の受け渡しについて質問があります。私がやりたいことは、フォームからいくつかの変数をフォームデータなどを確認するphpページをロードしているfancyboxに渡すことです.
<form action="bvd-email-opt-in.php" method="post">
<div style="width:125px; float:left;">
<label style="font-size:12px" for="first_name">First Name:</label>
<input style="width:110px" name="first_name" id="first_name" required="required" type="text">
</div>
<div style="width:125px; float:right;">
<label style="font-size:12px" for="last_name">Last Name:</label>
<input style="width:110px" name="last_name" id="last_name" required="required" type="text">
</div>
<div class="cle"></div>
<div id="email-container" style="width:180px; height:20px; float:left">
<label style="font-size:12px; line-height:13px;" for="email">Email Address:</label>
<br />
<input style="width:175px;" name="email" id="email" required="required" type="text">
</div>
<div id="form-submit" style="float:right; padding-top:18px;">
<input name="submit" type="button" value="Go" style="float:right;margin-right:12px" id="go" />
</div>
<div class="cle"></div>
そして、ここに関数が現在設定されている方法があります:
$("#go").bind("click", function () {
$.fancybox({
'content': '<div id="commentForm"><h1>Join Our Email List</h1><iframe src="bvd-email-opt-in.php" width="500" frameborder="0" height="480"></iframe></div>'
});
});
現在ロードしている方法では、データがフォームに渡されていないことがわかりました。私が知らないのは、そうするための最良の方法が何であるかということです。
アドバイスをいただければ幸いです。