Jquery逆向三级联动

  1. linkage.init = function(levelOne, levelTwo, levelThree){  
  2.  
  3.     linkage.data = [];  
  4.  
  5.     levelOne = "#" + levelOne;  
  6.     levelTwo = "#" + levelTwo;  
  7.     levelThree = "#" + levelThree;  
  8.     var html = "";  
  9.     var url = "linkage.action";//访问地址 
  10.       
  11.     //JQuery访问数据 
  12.     $.getJSON(url, function(data){  
  13.         linkage.data = data;  
  14.           
  15.         //--正向三级联动------------------ 
  16.         /** 
  17.         $(levelOne).html(linkage.getOptionHtmlByLevel(1));//洲区域信息 
  18.         $(levelTwo).html(linkage.getOptionHtmlById($(levelOne).val()));//国家信息 
  19.         $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息 
  20.          
  21.         // 为下拉levelOne框绑定onchange事件 
  22.         $(levelOne).change(function(){ 
  23.             $(levelTwo).html(linkage.getOptionHtmlById($(levelOne).val()));//国家信息 
  24.             $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息 
  25.         }); 
  26.         // 为下拉levelTwo框绑定onchange事件 
  27.         $(levelTwo).change(function(){ 
  28.             $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息 
  29.         }); 
  30.          
  31.         */ 
  32.         //--逆向三级联动------------------ 
  33.         //初始化下拉框信息 
  34.         $(levelThree).html(linkage.getOptionHtmlByLevel(3));//洲区域信息 
  35.         $(levelTwo).html(linkage.getOptionHtmlByLevel(2));//国家信息 
  36.         //$(levelTwo).val(linkage.getSubIdById($(levelThree).val()));//所属国家信息 
  37.         $(levelOne).html(linkage.getOptionHtmlByLevel(1));//城市信息 
  38.         //$(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息 
  39.           
  40.         // 为下拉levelOne框绑定onchange事件 
  41.         $(levelThree).change(function(){  
  42.             $(levelTwo).val(linkage.getSubIdById($(levelThree).val()));//所属国家信息 
  43.             $(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息 
  44.         });  
  45.         // 为下拉levelTwo框绑定onchange事件 
  46.         $(levelTwo).change(function(){  
  47.             $(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息 
  48.         });  
  49.     });  
  50. };  
  51.  
  52. //--逆向三级联动方法 
  53. linkage.getSubIdById = function(id){  
  54.       
  55.     for(i = 0 ; i < linkage.data.length ; i++){  
  56.         if(linkage.data[i].id == id){  
  57.             return linkage.data[i].subId;  
  58.         }  
  59.     }  
  60. }; 

 

奈曼网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联公司于2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司


本文标题:Jquery逆向三级联动
文章来源:http://bzwzjz.com/article/ppeish.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都企业网站建设公司 网站建设 企业网站设计 成都网站建设 成都品牌网站建设 手机网站制作 H5网站制作 成都网站设计 成都网站制作公司 成都网站建设 广安网站设计 成都网站制作 网站建设公司 成都网站设计 网站建设开发 手机网站设计 成都响应式网站建设 成都商城网站建设 做网站设计 响应式网站设计 成都网站建设 外贸营销网站建设