解决模态窗口提交表单时弹出新窗口的方法

模态窗口中的页面如有提交按钮，点击后会弹出新的页面。

解决此问题有两方法：

1、在head中，添加<base target="_self">；

2、把弹出的窗口页面做成框架网页，去加载要展示的网页；

下面就第一种解决方法给出自己写的一个实例

(1)新建一个htm文件
JSCode

function DoSelect()

{

var ht = document.getElementById("hidText");

var hd = document.getElementById("HidTxtID").value;

var cbs = document.getElementsByName("Sel");

ht.value ="";

for(var i=0;i<cbs.length;i++)

{

if(cbs[i].checked==true)

{

ht.value +=cbs[i].value+",";

}

}

ht.value=(ht.value).substr(0,(ht.value).length-1);

window.returnValue = ht.value;

window.close();

}

function OpenTextWin(ID,Filed,TxtID,SearchType)

{

var url="SelectFilterCondition.htm?ID="+ID+"&Filed="+Filed+"&TxtID="+TxtID+"&SearchType="+SearchType;

var rv = ShowModalDialog(url, 650, 550) ;

if( rv!=null && rv.length > 0)

{

if( TxtID != null )

{

TxtID.value = rv ;//显示值

}

}

}

(3)在使用页面中根据参数调用JSCode

例如在使用页面中添加代码：

<INPUT name='FC03_AB0111' size="12" type="text" id ='t4'/>

<input type='button' name='Submit' value='…' onclick="OpenTextWin('308236ED-4AA3-4FC4-8CE6-7ABEF9403A9F','FC03_AB0111',$('t4'),'search')" />

在弹出页面中添加代码：

<INPUT onclick="DoSelect()" type="button" value=" 确 定 ">

完成以上步骤以后即解决了模态窗口提交表单时弹出新窗口的问题，一个实用的带查询的模态窗口将展现在你面前！

（4）贴出实例的一张图片出来让大家看看



关于模态窗口(showModalDialog)的深入学习可参考：/article/5067291.html