【转】用JS实现弹出模式对话框，实现页面传值

最新推荐文章于 2021-06-03 10:03:04 发布

Gambler

最新推荐文章于 2021-06-03 10:03:04 发布

阅读量625

点赞数

分类专栏： javascript 文章标签： textbox button asp.net server javascript input

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

功能介绍：a.aspx 点击“添加”，弹出b.aspx模式对话框，在b页面里的TextBox1填写玩内容后，点击确定，b页面关闭，a页面的TextBox1显示b页面刚填写的内容.

A页面代码：

<html >
<head runat="server">
    <title></title>
        <script language="javascript">
function opendialog()
{
   var someValue=window.showModalDialog ("b.aspx","","dialogWidth=300px;dialogHeight=250px;status=no;help=no;scrollbars=no")
   document.form1.TextBox1.value=someValue;
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <input id="Button1" type="button" value="button" onclick="opendialog()" /></div>
    </form>
</body>
</html>

B页面代码：

        function a()
        {
            //读取TexBox1的内容，返回给调用页面
            parent.window.returnValue = document.getElementById("TextBox1").value;
            window.close();
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <input id="Button1" type="button" value="button" onclick="a()" /></div>
    </form>
</body>
</html>

注意：因为只调用客户端脚本，所以这里的button用的都是Html的button而不是ASP.NET的Button，这样不用刷新页面，效率更高，若用Asp.net的Button，则是用OnClientClick()调用JS方法，Asp.net的Button的OnClick()是调用服务器上的方法的。

Gambler

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【转】用JS实现弹出模式对话框，实现页面传值

功能介绍：a.aspx 点击“添加”，弹出b.aspx模式对话框，在b页面里的TextBox1填写玩内容后，点击确定，b页面关闭，a页面的TextBox1显示b页面刚填写的内容.A页面代码： cript">function opend
复制链接

扫一扫