关闭子窗口,同时把参数传给父页面html元素及服务器端控件中

本文介绍了一个 ASP.NET 中使用 JavaScript 实现弹窗并传递数据到父窗口的具体案例。通过点击按钮打开新窗口,并在用户选择相应项后将数据返回到父窗口进行显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

父页面 parent.aspx:

 

<SCRIPT language="JavaScript">
               
<!--

 
function PopupCatSel()
 {
    
var selProdWnd=window.open("PopChildTest.aspx","new","resizable=yes,width=580,height=320,top=0,scrollbars=yes");
    
if(selProdWnd.opener== null)
    selProdWnd.opener 
= self;
    
return (false);
}

 
function setValue(str)
 {
   document.getElementById(
"TextBox1").value =str;
 }

             
//-->
</SCRIPT>
<form id="Form1" method="post" runat="server">
            
<table style="WIDTH: 928px; HEIGHT: 144px">
                
<tr HEIGHT="30">
                    
<td>
                        
<INPUT TYPE="text" autocomplete="off" NAME="Street" style="WIDTH:150px" readonly>街道名</td>
                    
<td>
                        
<INPUT TYPE="hidden" name="StreetID" readonly>StreetID
                    
</td>
                    
<td>
                        
<INPUT TYPE="hidden" name="AreaID" value="4">AreaID
                    
</td>
                    
<td>
                        
<INPUT TYPE="text" autocomplete="off" NAME="Street2" style="WIDTH:150px" readonly>街道名2
                    
</td>
                
</tr>
                
<tr>
                    
<td><INPUT name="cat" onclick="return(PopupCatSel())" type="button" value="选择街道" class="Button_Search">
                    
</td>
                    
<td>
                        
<asp:TextBox id="TextBox1" runat="server"></asp:TextBox>
                    
</td>
                    
<td>
                    
</td>
                    
<td>
                    
</td>
                
</tr>
            
</table>
        
</form>

 

子页面 PopChildTest.aspx 中:

 

<SCRIPT language="JavaScript">
               
<!--

function retForm(AreaID,StreetID,AreaName,StreetName)
{
 
if (!opener) return true;
 opener.document.forms[
0].AreaID.value = AreaID;
 
if (!opener) return true;
 opener.document.forms[
0].StreetID.value = StreetID;
 
if(opener.document.forms[0].Street)
 opener.document.forms[
0].Street.value = AreaName+ " >> "+ StreetName;
 opener.document.forms[
0].Street2.value = AreaName+ " >> "+ StreetName;

 opener.setValue(StreetName);

 self.close();
 
return false;
}
             
//-->
        </SCRIPT>
<td align="left" width='10%' class="color2"><href="" onClick="return retForm('4','339','南岗区','鞍山街')">鞍山街</a></td>
                    
<td align="left" width='10%' class="color2"><href="" onClick="return retForm('4','340','南岗区','保健路')">保健路</a></td>
                    
<td align="left" width='10%' class="color2"><href="" onClick="return retForm('4','341','南岗区','比乐街')">比乐街</a></td>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值