だから私は他のサイトから持っている素敵でシンプルな電子メールの連絡先フォームをリサイクルしています:
<form method="post" action="javascript:loadContent('#bodyContent','/wp-content/themes/GenomeStudios2013/sendmail.php');"> <!--javascript:loadContent('#rightColumn', 'sendmail.php');-->
<h1>Contact Us</h1>
<br /><br />
<p><font color="red">*</font>Name:</p>
<p><input name="name" type="text" cols="30" /></p>
<br />
<p><font color="red">*</font>Email:</p>
<p><input name="email" type="text" cols="30" /></p>
<br />
<p>Contact Topic:</p>
<select name="topic">
<option value="Feedback">Feedback</option>
<option value="Bug Report">Bug Report</option>
<option value="Press">Press</option>
<option value="Complaint">Complaint</option>
<option value="Suggestion">Suggestion</option>
<option value="Business">Business</option>
<option value="Job Information">Job Information</option>
</select>
<br /><br />
<p><font color="red">*</font>Message:</p>
<p><textarea name="messageBox" cols="30" rows="5"></textarea></p>
<br />
<p>Would you like to recieve a reply?</p>
<p>Yes:<input type="radio" name="reply" value="yes"/> No:<input type="radio" name="reply" value="no"/></p>
<br />
<p><input type="submit" name="submitButton" value="Send" /></p>
しかし、ページ全体をリロードするのではなく、このページが読み込まれた div に結果ページを読み込もうとしています。ただし、これでは、フォームがフィールド情報を 2 ページ目に渡して処理することはできません。
テストしましたが、空のメールしか届きません。
ページ全体をロードする代わりに JavaScript がロードしているにもかかわらず、その情報を 2 番目のページに渡す方法はありますか?