Question

在我的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>

提前致谢!!!

Answer 1

真的很简单！如果您没有jQuery，请将其导入代码中的某处：

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

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

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

多田！

表格提交后显示div

1 个答案: