zoukankan      html  css  js  c++  java
  • Pass value from child popup window to parent page window using JavaScript--reference

    Here Mudassar Ahmed Khan has explained how to pass value from child popup window to parent page window using JavaScript.

    The child popup window must be opened using JavaScript window.open function. And in such case we can access the parent page controls using JavaScript window.opener instance.

    In this article I will explain how to pass value from child popup window to parent page window using JavaScript.
    The child popup window must be opened using JavaScript window.open function. And in such case we can access the parent page controls using JavaScript window.opener instance.
     
    Parent Page
    Inside the Parent Page I have placed a TextBox which is read-only and a button to open the child popup window using the SelectNameJavaScript function.
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                Name:&nbsp;
            </td>
            <td>
                <input type="text" id="txtName" readonly="readonly" />
            </td>
            <td>
                <input type="button" value="Select Name" onclick="SelectName()" />
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        var popup;
        function SelectName() {
            popup = window.open("Popup.htm", "Popup", "width=300,height=100");
            popup.focus();
        }
    </script>
    Popup Child Window Page
    The Popup Child Window Page has a DropDownList to choose the name of the person and a button which when clicked calls the SetNameJavaScript function.
    This function uses the reference of window.opener property and finds the Parent Page txtName TextBox using document.getElementById method of JavaScript and sets the value selected through the DropDownList to it.
    <select name="ddlNames" id="ddlNames">
        <option value="Mudassar Khan">Mudassar Khan</option>
        <option value="John Hammond">John Hammond</option>
        <option value="Mike Stanley">Mike Stanley</option>
    </select>
    <br />
    <br />
    <input type="button" value="Select" onclick="SetName();" />
    <script type="text/javascript">
        function SetName() {
            if (window.opener != null && !window.opener.closed) {
                var txtName = window.opener.document.getElementById("txtName");
                txtName.value = document.getElementById("ddlNames").value;
            }
            window.close();
        }
    </script>
    In similar way you can access other controls too of the Parent Page from the Child Popup Window Page

    Pass value from child popup window to parent page window using JavaScript

     
    Demo
    refernce:
    http://www.aspsnippets.com/Articles/Pass-value-from-child-popup-window-to-parent-page-window-using-JavaScript.aspx
  • 相关阅读:
    png 图片的缩放
    数据结构>图的最短路径
    2007年7月25日在博客园的排名上升到前400名
    C# 汉字转拼音(全拼)
    修改 Linux 主机名
    C# 事件的继承
    一个实现了 IDisposable 接口的基类
    Windows 防火墙上也有端口映射功能
    网上邻居不能访问的问题
    令网站提速的7大秘方
  • 原文地址:https://www.cnblogs.com/davidwang456/p/3651225.html
Copyright © 2011-2022 走看看