弹出showModalDialog窗口提交表单并关闭窗口的问题 (关闭又弹出新窗口问题)

时间：2022-11-21 23:42:30

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

2010-11-18 10:11:00|  分类：WEB开发 |  标签：表单  窗口  asp  提交  showmodaldialog  |字号大中小 订阅

近日写一段程序，为了让用户交互的感觉更好一些，决定采用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.aspmain.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窗口向父窗口返回值，并自动关闭
标签：

相关文章