Question

我需要使用Wordpress插件“Easy FancyBox”将表单结果嵌入到提交中。

这是一个小通讯形式。用户只需输入他的电子邮件地址并提交。然后它打开一个带有完整时事通讯表格（form2）的fancybox，并在第一步填写电子邮件地址。

我让它工作但是暂时，当我提交时，它嵌入了form2，但是没有fancybox。

以下是我的step1简报表格的代码：

<form id="myForm" method="post" action="newsletterform.php">

<input type="text" name="email_address">

 <a href="#contact_form_pop" onclick="document.getElementById('myForm').submit(); return false;" id="submit_link" class="fancybox">submit</a>

</form>

我还尝试将javascript放在表单之外，使用以下代码：

$(function(){
  $('#submit_link').click(function(){
    $('#myForm').submit();
    return false;
});
});

它在fancybox中显示form2但没有填写电子邮件地址。

感谢您的帮助。

编辑：

这是我最接近的代码。在提交时，它会在1秒内显示fancybox，然后显示form2 correctyl filled。

<form id="myForm" method="post" action="newsletterform.php">

<input type="text" name="email_address">

<a href="#contact_form_pop" id="submit_link" class="fancybox">submit</a>

</form>

<script language="JavaScript">

window.addEventListener("DOMContentLoaded", function () {

var form = document.getElementById("myForm");

document.getElementById("submit_link").addEventListener("click", function () {
  form.submit(); 
});

});
</script>

Answer 1

问题解决了！

我把

target="form2"

在表单中创建一个iframe

<IFRAME src="newsletterform.php" name='form2' width="600" height="600"></IFRAME>

现在我的form2在fancybox中正确显示。

WP插件Easy fancybox在提交时嵌入表单结果

1 个答案: