Javascript表单提交打开新窗口选项卡,然后重定向父页面

大佬教程收集整理的这篇文章主要介绍了Javascript表单提交打开新窗口选项卡,然后重定向父页面，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

提交表单时,我试图打开一个新的窗口选项卡并将值传递到新的窗口选项卡中.然后,我需要父页面重定向到下一页.

问题在于表单值未传递到新的窗口选项卡.
我现在该如何使用下面的代码来做到这一点？

<form class="form" id="promo_form" method="post">
<input type="text" name="first_name" id="first_name">
<input type="text" name="last_name" id="last_name">
<input type="text" name="zipcode" id="zipcode" maxlength="5">
<button type="submit" id="promo_form_button" class="submit">ConTinue</button>
</form>


$(document).ready(function($){

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

    function goToUrl(){
        window.open("https://site.com/new-tab", "_blank");
        window.LOCATIOn = "https://site.com/parent-next-page"
    }

    document.getElementById("promo_form_button").onclick = goToUrl;
});

解决方法:

当表单可以定位新的选项卡/窗口本身时,为什么要使用window.open.

HTML：

<form target="_blank" method="get" action="http://google.com" id="myForm">
    <label for="q">Search: </label><input type="text" id="q" name="q" />
    <input type="submit" value="search" />
</form>

JavaScript：

document.getElementById("myForm").onsubmit = function() {
    window.LOCATIOn.href = "http://www.jsfiddle.net";
    return false;
};

例：

JSFiddle

大佬总结

以上是大佬教程为你收集整理的Javascript表单提交打开新窗口选项卡,然后重定向父页面全部内容，希望文章能够帮你解决Javascript表单提交打开新窗口选项卡,然后重定向父页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。