用 showModalDialog 方法回传数据到父页中去

 

parent.aspx 做为父页，html 端代码如下：

 

<script language="javascript">
        function select_value()
        {
            var val = document.getElementById("StrCode").value;
            var text = document.getElementById("StrName").value;
            var returnvalue = showModalDialog("StreetTreeViewModule.aspx?selectval="+val+"&selecttext="+text,"","dialogHeight:500px;dialogWidth:580px");
            if(returnvalue == undefined){ return false;}
            
            document.getElementById("StrCode").value = returnvalue[1];
            document.getElementById("StrName").value = returnvalue[3];
            document.getElementById("Textbox17").value = returnvalue[2]+">>"+returnvalue[3];
        }
</script>

 

<table>
<TR>
                    <TD>街路:</TD>
                    <TD colSpan="5">
                        <INPUT id="StrCode" type="hidden" size="20" name="StrCode" runat="server"> <INPUT id="StrName" type="hidden" size="20" name="StrName" runat="server">
                        <asp:TextBox id="Textbox17" runat="server" ReadOnly="True"></asp:TextBox>&nbsp;<INPUT name="cat" onclick="select_value()" type="button" value="选择街道">&nbsp;(为了房源能更容易被人搜索到，请选择街路)</TD>
                </TR>
</table>

当点击了按钮 "选择街道" 后会调用上面的 js 函数

弹出的 StreetTreeViewModule.aspx 的 html 端代码如下：

 

<base target="_self">
<SCRIPT language="JavaScript">
               <!--


function retForm(AreaID,StreetID,AreaName,StreetName)
    {

        var members = new Array();
        members[0] = AreaID;
        members[1] = StreetID;   
        members[2] = AreaName;
        members[3] = StreetName;   
        window.returnValue = members;
        window.close();
    }
             //-->
</SCRIPT>

 

 

<asp:DataList id="DataList1" RepeatColumns="6" RepeatDirection="Horizontal" runat="server" Width="100%">
                            <ItemTemplate>
                                <table width="100%" align="center">
                                    <tr>
                                        <td align="left" width="17%"><a href="" onClick="retForm('4','<%# DataBinder.Eval(Container.DataItem,"StreetCode" ) %>','昌邑区','<%# DataBinder.Eval(Container.DataItem,"StreetName" ) %>')"><%# DataBinder.Eval(Container.DataItem,"StreetName" ) %></a></td>
                                    </tr>
                                </table>
                            </ItemTemplate>
</asp:DataList>

 

当点击了 DataList1 中的连接后，会调 用 js 函数中的 retForm 方法，把参数传回到父页 parent.aspx 中去。