JS子窗口与父窗口交互传值的方法

父窗口中打开子窗口并传值给子窗口

父页面：CarDipatch.aspx

子页面：CurrentDriver.aspx

 

利用window.showModalDialog

function dialwinprocess()//传值给子窗口CurrentDriver.aspx { var leavedate=document.getElementById('<%=txtLeaveDate.ClientID%>').value; var leavehour=document.getElementById('<%=ddlLeaveHour.ClientID%>').value; var leaveMin=document.getElementById('<%=ddlLeaveMin.ClientID%>').value; var leavetime=leavedate+" "+leavehour+":"+leaveMin+":00"; var backdate=document.getElementById('<%=txtBackDate.ClientID%>').value; var backhour=document.getElementById('<%=ddlBackHour.ClientID%>').value; var backmin=document.getElementById('<%=ddlBackMin.ClientID%>').value; var backtime=backdate+" "+backhour+":"+backmin+":00"; if(leavedate==""|backdate==""|leavehour=="请选择"|leaveMin=="请选择"|backhour=="请选择"|backmin=="请选择") alert('必须选择日期！'); else var win=window.showModalDialog("CurrentDriver.aspx?leavetime="+leavetime+"&backtime="+backtime+"" ,window,"dialogWidth:500px;dialogHeight=400px;status:no"); win.focus(); }

要注意的是，在JS中取服务器控件值时，需这样写:document.getElementById('<%=txtname.ClientID%>').value，否则无法取到该值。

传值时，CurrentDriver.aspx?leavetime="+leavetime+"&backtime="+backtime+"，无需加单引号。

 

子窗口接收值：

与后台传值接收值时相同： string strleavtime = Request.QueryString["leavetime"].ToString(); string strbacktime = Request.QueryString["backtime"].ToString();

 

子窗口将值返回至父页面时： protected void btnSubmit_Click(object sender, EventArgs e) { Response.Write("<mce:script language='javascript'><!-- window.dialogArguments.document.getElementById('txtCar').value = '" + strCarInf + "'; // --></mce:script>"); Response.Write("<mce:script language='javascript'><!-- window.dialogArguments.document.getElementById('txtDriver').value = '" + strDriverName + "'; // --></mce:script>"); Response.Write("<mce:script language='javascript'><!-- window.dialogArguments.document.getElementById('TextArea1').value = '" + strCarValue + "'; // --></mce:script>"); Response.Write("<mce:script language='javascript'><!-- window.dialogArguments.document.getElementById('TextArea2').value = '" + strDriverValue + "'; // --></mce:script>"); Response.Write("<mce:script language='javascript'><!-- window.close(); // --></mce:script>"); }

此处要注意的是，值返回至父页面的服务器控件时，无需写<%=txtname.ClientID%>，直接写控件ID名即可。