JavaScript弹出窗口

Question

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

现在我想现在，如果单击提交而不是关闭弹出窗口，并允许将数据发送到打开的网页上，那么该帖子是什么？

我怎样才能做到这一点？？

Answer 1

    <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链接或按钮的OnClick上，您将data-php-var发送到jQuery函数。 此函数会将值发送到弹出窗口。 在弹出窗口中是一个同名文本字段，jQuery函数会将您的值放入de字段。

Answer 2

您将要使用AJAX异步发布表单，以便用户不必等待表单处理或查看处理页面。 jQuery使使用AJAX非常容易， 如下所示 。

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

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

Answer 3

您可能想在jquery工具上查看overlay插件。 弹出窗口通常被浏览器阻止。 而imo覆盖是一种更优雅的解决方案。 此外，您可以像平常一样在网页上发布表单，那里还需要其他js！

-编辑 在更仔细地阅读您的问题时； 您甚至都不需要发布页面！ 只需将点击事件分配给“提交”按钮（不一定需要是“提交”按钮）。 在事件函数中，您可以读出填写的地址（或其他信息），将其粘贴到所需的字段（无论是表单字段还是常规div），然后再次关闭覆盖。 现在，您甚至都不需要刷新页面！