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

    技术2022-05-11  81

     

    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 >   < INPUT  name ="cat"  onclick ="select_value()"  type ="button"  value ="选择街道" >   (为了房源能更容易被人搜索到,请选择街路) </ 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%" >< 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 中去。

     


    最新回复(0)