登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

zczhangchi 的博客

学习笔记

 
 
 

日志

 
 

JS ajax 应用 (下拉列表联动)  

2010-09-14 10:51:55|  分类: js资料 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<script language="javascript">

   var http_request=false;
   function send_request(url){//初始化,指定处理函数,发送请求的函数
      http_request=false;
    //开始初始化XMLHttpRequest对象
    if(window.XMLHttpRequest){//Mozilla浏览器
     http_request=new XMLHttpRequest();
     if(http_request.overrideMimeType){//设置MIME类别
       http_request.overrideMimeType("text/xml");
     }
    }
    else if(window.ActiveXObject){//IE浏览器
     try{
       http_request=new ActiveXObject("Msxml2.XMLHttp");
     }catch(e){
       try{
       http_request=new ActiveXobject("Microsoft.XMLHttp");
       }catch(e){}
     }
      }
    if(!http_request){//异常,创建对象实例失败
     window.alert("创建XMLHttp对象失败!");
     return false;
    }
    http_request.onreadystatechange=processrequest;
    //确定发送请求方式,URL,及是否同步执行下段代码
      http_request.open("GET",url,true);
    http_request.send(null);
   }
   
   //处理返回信息的函数
   function processrequest(){
     if(http_request.readyState==4){//判断对象状态
        if(http_request.status==200){//信息已成功返回,开始处理信息 
      //document.getElementById('childboard').innerHTML=http_request.responseText;      
      createOption(http_request.responseText);
     }
     else{//页面不正常
       alert("您所请求的页面不正常!");
     }
     }
   }
  
   function createOption(str){
  
    var type=document.getElementById('tra_type').value;
    if(type == 'm'){
     clearOption('tra_childboard');  
    }else{
     clearOption('tra_cchildboard');  
    }
  
    var options=str.split("/");
    
    for(var i=0; i<options.length; i++){
     var option = options[i].split("_");   
     var id = option['0'];
     var text = option['1'];
     var obj
     if(type == 'm'){
      obj = document.getElementById('tra_childboard'); 
     }else{
      obj = document.getElementById('tra_cchildboard'); 
     }      
  
     var varItem = new Option(text, id);
     obj.options.add(varItem);    
    }
  
    if(type == 'm'){
     getclass('tra_childboard','tra_cchildboard','c');
    }
   }
  
   function clearOption(id){
    var item = document.getElementById(id);
  
    for(var i=0;i<item.options.length;)
     {
     item.removeChild(item.options[i]);
     }
   }
   
   function getclass(fboard,cboard,type){
     var mainboardid=document.getElementById(fboard).value;
    var childboard = document.getElementById(cboard);
  
    var typeobj=document.getElementById('tra_type');
    typeobj.value = type;
  
    if(type == 'm'){
     clearOption('tra_childboard');  
     clearOption('tra_cchildboard');  
  
     var cchildboard = document.getElementById('tra_cchildboard');
     var cvarItem = new Option("无", "0");
     cchildboard.options.add(cvarItem);
    }else{
     clearOption('tra_cchildboard');  
    }
    
     var varItem = new Option("loading.....", "");
     childboard.options.add(varItem);
     
     send_request('?m=pc&a=do_ofb_transfer_childboard&ajax=ajax&mainboardid='+mainboardid+'&type='+type); 
   
   }
  </script>

  评论这张
 
阅读(172)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018