弹出showModalDialog窗口提交表单并关闭窗口的问题

时间:2022-08-18 23:42:45

近日写一段程序,为了让用户交互的感觉更好一些,决定采用showModalDialog弹出窗口,在使用中却发现在弹出的窗口内提交表单数据会弹出新窗口,使用感觉极其不好,于是开始动手解决,以下是从网上搜索到的方案,其中第一条已经过实践是可行的。

1、在showModalDialog打开的子窗口的<head>中加入 <base target="_self"/> 并且设置form的target为"",如:form method="post" action="order.do" target=""。

2、showModalDialog()是不能够提交给自己的,得交给自己的话就会有新页面产生,所以你要指写form里的target等于一个值。 在showModalDialog()打开的子窗口的表单中:<form target=meizz action=aa.asp ...> ,然后在页面中再加入一个隐藏的iframe:<iframe name=meizz width=0 height=0 frameborder=0 style="display: none"><iframe> 。

3、下面的代码也可以实现:

父页:main.htm
弹窗页:pop.asp
main.htm
=================================================

function popwin() {
var rtn=window.showModalDialog("pop.asp""","","");
if(rtn==1) {
alert(rtn);//此处可以执行刷新main.htm表单等操作
}
}

=================================================
pop.asp
=================================================
function subform() {
this.document.forms[0].submit();
window.returnValue = 1;//也可以定义数组返回
window.close();

}
=================================================
OK,代码完成,自己根据你的需求,做相应的调整吧,效果是:
1、弹出showModalDialog模态窗口
2、showModalDialog窗口中提交表单
3、 showModalDialog窗口向父窗口返回值,并自动关闭