用 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 中去。