<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>

JS ajax 应用 (下拉列表联动)的更多相关文章

  1. js+ajax编码三级联动

    <!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title> ...

  2. ajax实现下拉列表联动

    下拉框代码 <fieldset style="margin-bottom:5px;"> <div class="form-group"> ...

  3. 用户管理的设计--3.jquery的ajax实现二级联动

    页面效果 实现步骤 1.引入struts整合json的插件包 2.页面使用jquery的ajax调用二级联动的js //ajax的二级联动,使用选择的所属单位,查询该所属单位下对应的单位名称列表 fu ...

  4. AJAX部分---对比js做日期的下拉选择 和 ajax做三级联动;

    js做日期选择: 实现当前年份的前5后5年的日期选择 实现功能:年份和月份页面加载完成使用JS循环添加,天数根据月份的变化动态添加改变 扩展功能:天数可以根据闰年平年变化 <body> & ...

  5. JAVA EE 项目经常使用知识 之AJAX技术实现select下拉列表联动的两种使用方法(让你真正理解ajax)

    ajax 下拉列表联动的使用方法. ajax的定义: AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步更新.这意味着能够在不又一次载 ...

  6. JQuery+Ajax实战三级下拉列表联动(八)

    本片文章为练习,项目中不会这样写: 一:涉及到的知识点: jQuery Dom操作 jQuery Ajax操作 ASP.net中的json操作 二:用了自动代码生成器 1.Dal层的代码: publi ...

  7. JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种用法(让你真正理解ajax)

    ajax 下拉列表联动的用法. ajax的定义: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的 ...

  8. 转:『代码』JS封装 Ajax级联下拉列表

    在博客园看到一篇不错的AJAX级联下拉列表,觉得不错,特地拿下来 :转载来自:『大雪无痕』 ,原文地址 //当一个 下拉列表 改变时,触发所有联动:(警告:各下拉列表之间 请不要出现 循环依赖) // ...

  9. JQ+AJAX实现多级联动

    利用JQ与AJAX实现三级联动实现的效果: 当前两级改变时,后边一级或两级都会改变: 使用的数据库: html代码: <!doctype html> <html lang=" ...

随机推荐

  1. Spring学习总结(3)——Spring配置文件详解

    Spring配置文件是用于指导Spring工厂进行Bean生产.依赖关系注入(装配)及Bean实例分发的"图纸".Java EE程序员必须学会并灵活应用这份"图纸&quo ...

  2. springMVC的rest风格的url请求

    rest是一个架构风格,用url来访问网络上的任何资源.rest的一种思想就是用http中的动作get,post,put,delete,来进行增删改查. 这里介绍的是springMVC的rest请求. ...

  3. ArcGIS api for javascript——放大时切换图层

    描述 本例展示了如何在地图里指出显示的缓存或切片的细节等级(LODs).当打开示例地图,可以看到一些来自ArcGIS Online ESRI_Imagery_World_2D图层的影像.这个应用程序配 ...

  4. 概率dp HDU 3853

    H - LOOPS Time Limit:5000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submit ci ...

  5. Bloxorz I (poj 3322 水bfs)

    Language: Default Bloxorz I Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 5443   Acce ...

  6. Android笔记三十四.Service综合实例二

    综合实例2:client訪问远程Service服务 实现:通过一个button来获取远程Service的状态,并显示在两个文本框中. 思路:如果A应用须要与B应用进行通信,调用B应用中的getName ...

  7. 如何测试WCF Rest

    使用SoapUI 1.新建一个rest项目 2.双击上图中的Request1 查询的时候,Method选择post resource的地方要调整到对应的方法 查询的内容是用json格式发送 查询的的结 ...

  8. 分布式架构中shiro

    分布式架构中shiro 前言:前段时间在搭建公司游戏框架安全验证的时候,就想到之前web最火的shiro框架,虽然后面实践发现在netty中不太适用,最后自己模仿shiro写了一个缩减版的,但是中间花 ...

  9. Android控件-TabHost(二)

    这边再补充一种更为灵活的方法,可以把TabWidget隐藏,用(RadioGroup+RadioButton)来代替,并利用监听器的方式来实现监听点击点击跳转Activity. 在讲解之前,先补充几点 ...

  10. Chromium Graphics : GPU Accelerated Compositing in Chrome

    GPU Accelerated Compositing in Chrome Tom Wiltzius, Vangelis Kokkevis & the Chrome Graphics team ...