Question

我目前正在开发一个php电子邮件系统。我创建了一个javascript弹出页面，我可以在其中添加用户（邮件地址）。现在我想从javascript弹出窗口发布所选用户（s）以打开网站当然我得到了你要在弹出窗口中发布的页面。

现在我想现在，如果有点击提交而不是关闭弹出窗口并允许数据打开网页白帖？

我该怎么做？

Answer 1

您需要使用AJAX异步发布表单，以便用户无需等待它处理或查看处理页面。 jQuery使得使用AJAX as shown here非常容易。

此外，在弹出窗口中完成工作后，您可以使用window.opener函数访问和刷新父窗口：

<script language="JavaScript">
    function refreshParent() {
      window.opener.location.href = window.opener.location.href;
      window.close();
    }
</script>

Answer 2

您可能希望查看jquery tools处的叠加插件。大多数时候，浏览器会阻止弹出窗口。而imo叠加是一个更优雅的解决方案。此外，您可以像在网页上一样发布您的表单，在那里需要额外的数据！

---编辑;在更仔细地阅读你的问题;你甚至不需要发布页面！只需将click事件分配给提交按钮（不一定需要提交按钮）。在事件功能中，您可以读出填写的地址（或其他信息），将其粘贴到所需的字段（无论是表单字段还是常规字段），然后再次关闭叠加层。现在你甚至不需要页面刷新！

Answer 3

    <script>
        $("a[href=#myModal]").click(function() {
            var str = $(this).attr("data-phpvar");
            var substr = str.split('||');

            $("[name=textinput1]").val(substr[0]);
            $("[name=textinput2]").val(substr[1]);
        });
    </script>

   <form>
        <table>
            <tr>
                <td>
                    <a href="#myModal" title="#" role="button" data-toggle="modal" data-phpvar="<?php echo $value['something'] . '||' . $value['something']);?>"></a>
                </td>
            </tr>
        </table>
    </form>

点击href链接或按钮，您将把data-php-var发送到jQuery函数。此函数将值发送到弹出窗口。在弹出窗口中是一个具有相同名称的文本字段，jQuery函数会将您的值放入de字段。

Javascript弹出窗口

3 个答案: