ASP.NET 父页面取子页面的值

最新推荐文章于 2021-02-24 05:24:17 发布

转载最新推荐文章于 2021-02-24 05:24:17 发布 · 372 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LeeYongze/archive/2010/06/24/1764582.html

文章标签：

#c# #javascript #ViewUI

本文详细介绍了一种在JavaScript中实现父窗口与子窗口间数据交互的方法。通过使用window.open和window.opener，实现了从子窗口获取数据并更新父窗口特定字段的功能。此技巧适用于需要在弹出窗口中编辑信息，并将更改反映到主窗口的应用场景。

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

对JS不熟悉了，搞了一个多小时，郁闷。

关闭子页面，把子页面的姓名文本框的值赋值给父页面姓名文本框。

现在贴出代码，供大家学习及自己备用。

父页面名：ParentPage.aspx

JS脚本：

主要是使用open打开子窗体。

1   <script type="text/javascript">
2
3     //打开子页面
4      function openChild()
5      {
6          window.open('ChildPage.aspx','子窗体','height=300');
7      }
8     </script>

HTML代码：

1 　　　　　　　姓名<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
2             <br />
3             年龄<asp:TextBox ID="txtAge" runat="server"></asp:TextBox>
4             <asp:Button ID="btnSelect" runat="server" Text="请选择" OnClientClick="openChild()　　　　　　　　　　;" />
5             <br />
6             性别<asp:DropDownList ID="ddlSex" runat="server">
7                 <asp:ListItem Text="男" Selected="True"></asp:ListItem>
8                 <asp:ListItem Text="女"></asp:ListItem>
9             </asp:DropDownList>

子页面名：ChildPage.aspx

JS脚本：

1    <script type="text/javascript">
2     //父页面获取子页面的值
3      function getChildText()
4      {
5          window.opener.document.getElementById('txtName').value=document.getElementById('txtC hildName').value;　　　　　　

6 window.close();
7 }
8</script>

HTML代码：

1  姓名<asp:TextBox ID="txtChildName" runat="server"></asp:TextBox>
2  <br />
4  <asp:Button ID="btnClose" runat="server" Text="关闭刷新父窗体" OnClientClick="getChildText()"/>

转载于:https://www.cnblogs.com/LeeYongze/archive/2010/06/24/1764582.html