0

在我的 Wordpress 网站上,我有一个输入字段,用户在其中输入他们的电子邮件地址,然后单击“提交”将他们的电子邮件提交到我的谷歌电子表格(使用谷歌驱动器上的谷歌表单)。

我还有一个按钮,当单击按钮时会打开一个弹出窗口(我正在使用 Wordpress 的 SimpModal 插件)。

有没有办法整合这两个功能,这样我就只有一个按钮可以完成这两个结果?(即当用户填写他们的电子邮件地址然后点击提交按钮时,它会将他们的电子邮件地址提交到谷歌表单,并打开弹出窗口?)

这是我的代码:

<!--This gets rid of the google confirmation page-->
<script type="text/javascript">var submitted=false;</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none; width:0px; height:0px;" onload="if(submitted){window.location='#';}"></iframe>

<form action="https://docs.google.com/forms/d/XXXXX/formResponse" method="POST" id="ss-form" onsubmit="" target="hidden_iframe">


<input type="text" name="entry.2005577686" value="" id="entry_2005577686">
<input type="submit" name="submit" value="Submit" >

<div id="button-to-open-popup"><a href="#">
<img src="/landing-pg-button-black.png" alt="" /></a>
</div>

</form>

提前致谢!!!

4

1 回答 1

0

真的很简单!如果您没有 jQuery,请将其导入代码中的某个位置:

<script src="http://code.jquery.com/jquery-latest.js"></script>

然后更改表单标签中的onsubmit ...

<form ... onsubmit="$('#button-to-open-popup').click();return true;" ...>

多田!

于 2013-07-28T20:33:20.280 回答