利用ProtoType框架完成的一个下拉框(a:DropDownList)联动的AJAX例子_Ajax编程_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

利用ProtoType框架完成的一个下拉框(a:DropDownList)联动的AJAX例子

作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0

本篇关键词:例子一个框架完成
黑客防线网安网讯:  最近终于有时间研究研究AJAX了.看了一些AJAX的介绍.  用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX的小例子,和初学者分享一下.  代码下载    <script languag...

  最近终于有时间研究研究AJAX了.看了一些AJAX的介绍.
  用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX的小例子,和初学者分享一下.

  代码下载

  
  <script language="JavaScript" type="text/javascript" >
  <!--

  function goCity()
  {
          var url = "AreaHandler.ashx";
          var father= $F('<%=ddlProvince.ClientID%>')
          var pars = "ddl=province&father=" +father;
          var myAjax = new Ajax.Request(
                      url,
                      {method: 'get', parameters: pars, onComplete: LoadCity}
                      );
           
                 
  }

  function goArea()
  {

      var url = "AreaHandler.ashx";
     
      var father= $F('<%=ddlCity.ClientID%>')
              var pars = "ddl=city&father=" +father;
          var myAjax = new Ajax.Request(
                      url,
                      {method: 'get', parameters: pars, onComplete: LoadArea}
                      );

  }

    function LoadCity(originalRequest)
      {
      var result=originalRequest.responseText;
      var ddl=$('<%=ddlCity.ClientID%>')
         FillDropDown(ddl,result);
          if (ddl.length == 0){
          $('<%=ddlArea.ClientID%>').length=0;
         $('<%=ddlArea.ClientID%>').disabled = 1;
         ddl.disabled = 'true';
               }
         else{
     $('<%=ddlArea.ClientID%>').disabled = 0;
         ddl.disabled = 0;
         goArea();
      }
      }
    function LoadArea(originalRequest)
      {
       var result=originalRequest.responseText;
       var ddl=$('<%=ddlArea.ClientID%>')
         FillDropDown(ddl,result);
        
         if (ddl.length == 0)
           ddl.disabled =1;
           esle
           ddl.disabled =0;
   
        
      }
     
     
     function FillDropDown(objDDL,result ){
        var piArray = result.split(",");
            
       objDDL.length=0;
    for(var i=0;i<piArray.length;i++)
   {
   var ary1 = piArray[i].toString().split("|");
   if (ary1.length >1 )
    objDDL.options.add(new Option(ary1[1].toString(),ary1[0].toString()));
  }
      }
   
  -->
  </script>

  http://www.cnblogs.com/rippleyong/archive/2006/12/18/596015.html

    黑客防线网安服务器维护方案本篇连接:http://www.rongsen.com.cn/show-15532-1.html
网站维护教程更新时间:2012-04-05 00:02:45  【打印此页】  【关闭
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer