javascript页面间进行传值(弹出对话框形式)

最新推荐文章于 2017-08-15 20:21:16 发布

原创最新推荐文章于 2017-08-15 20:21:16 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #server #button #textbox #c# #asp

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何将ASP.NET页面test1.aspx中的ListBox选定值，通过弹窗方式传递到test2.aspx页面的TextBox中。利用window.showModalDialog及window.dialogArguments实现跨页面数据交互。

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

test1.aspx页面的listbox的值，传到test2.aspx的textbox中

test1.aspx页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
  
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <script type="text/javascript"> 
        function openChild() 
        { 
            var k = window.showModalDialog ("../test2.aspx",window, "dialogWidth:395px;status:no;dialogHeight:495px"); 
        } 
    </script> 
        <asp:ListBox ID="lstSjr" runat="server">
            <asp:ListItem Selected="True" Value="abc"></asp:ListItem>
            <asp:ListItem Value="cc"></asp:ListItem>
        </asp:ListBox>
  
        <input id="Button2" type="button" onclick="openChild()" value="button" />
    </div>
        
    </form>
</body>
</html>

test2.aspx页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test2.aspx.cs" Inherits="test2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        
        <input id="txtSxr" type="text" />
            <script language="javascript" type="text/javascript"> 
                var k = window.dialogArguments;  
                document.getElementById("txtSxr").value = k.document.getElementById("lstSjr").value;   
        </script> 
    </div>
    </form>
</body>
</html>