<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. 个人学习源码的 HBase误区的总结 与 架构图

    HDFS 的备份功能不是给 基于 HBase 等 基于HDFS 的项目做备份的.   如果 HBase 需要备份,那么久需要设置 备份(快照 )功能.   HMaster . kafka 等无主结构并 ...

  2. 分别改动Cube每一个面的贴图UV(Unity3D开发之十八)

    猴子原创.欢迎转载.转载请注明: 转载自Cocos2Der-CSDN,谢谢! 原文地址: http://blog.csdn.net/cocos2der/article/details/46611169 ...

  3. error:assign attribute must be unsafeunretained

    今天在使用协议的过程中.偶然发现这样使用 ? 1 2 3 4 5 6 7 8 9 10 @interface AppDelegate (){     id<chatdelegate>  t ...

  4. HDU 5391-Zball in Tina Town(数论)

    题目地址:pid=5391">HDU 5391 题意: Tina Town 是一个善良友好的地方,这里的每个人都互相关心.Tina有一个球,它的名字叫zball. zball非常奇妙, ...

  5. FSM的几种策略

    FSM是什么?FSM就是Finite(有限) State(状态) 机(Machine)的缩写.(之所以中英文混写,是为了强调学懂FSM的原理是根本,刻意去采用“几段式”的写法并不重要) riple F ...

  6. 10010序列检测器的三段式状态机实现(verilog)

    序列检测器是时序数字电路设计中经典的教学范例,夏宇闻的<verilog数字系统设计教程>一书中有这个例子,用verilog设计一个“10010”序列的检测器.看完后我觉得F和G两个状态多余 ...

  7. 智课雅思短语---一、be no exception

    智课雅思短语---一.be no exception 一.总结 一句话总结:…也不例外? …be no exception 1.经济的快速发展? the rapid development of ec ...

  8. hbase启动报错:Java HotSpot(TM) 64-Bit Server VM warning: ignoring option PermSize=128m; support was removed in 8.0

    输入HBASE_MASTER_OPTS只是为了快速寻找这个选项而已,如果你手工找也可以 刚才那个命令回车后直接跳到这 前面加#就好了 修改后保存.重新启动hbase就好了. 注意:各个节点都要修改哦. ...

  9. Linux桌面词典 GoldenDict词典

    GoldenDict 是一款不错的.与StarDict(星际译王)类似的词典软件.它使用 WebKit作为渲染核心,格式化.颜色.图像.链接等支持一应俱全:支持多种词典文件格式,包括Babylon的 ...

  10. Hexo High一下以及压缩排版问题

    背景介绍 集成Hight一下以及Gulp-html压缩之后出现的问题: High一下功能多次点击,会创建多个Audio对象,导致同时播放多次音乐,重音.解决办法:判断是否添加Audio对象,如果存在则 ...