Jquery逆向三级联动
- linkage.init = function(levelOne, levelTwo, levelThree){
- linkage.data = [];
- levelOne = "#" + levelOne;
- levelTwo = "#" + levelTwo;
- levelThree = "#" + levelThree;
- var html = "";
- var url = "linkage.action";//访问地址
- //JQuery访问数据
- $.getJSON(url, function(data){
- linkage.data = data;
- //--正向三级联动------------------
- /**
- $(levelOne).html(linkage.getOptionHtmlByLevel(1));//洲区域信息
- $(levelTwo).html(linkage.getOptionHtmlById($(levelOne).val()));//国家信息
- $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息
- // 为下拉levelOne框绑定onchange事件
- $(levelOne).change(function(){
- $(levelTwo).html(linkage.getOptionHtmlById($(levelOne).val()));//国家信息
- $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息
- });
- // 为下拉levelTwo框绑定onchange事件
- $(levelTwo).change(function(){
- $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息
- });
- */
- //--逆向三级联动------------------
- //初始化下拉框信息
- $(levelThree).html(linkage.getOptionHtmlByLevel(3));//洲区域信息
- $(levelTwo).html(linkage.getOptionHtmlByLevel(2));//国家信息
- //$(levelTwo).val(linkage.getSubIdById($(levelThree).val()));//所属国家信息
- $(levelOne).html(linkage.getOptionHtmlByLevel(1));//城市信息
- //$(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息
- // 为下拉levelOne框绑定onchange事件
- $(levelThree).change(function(){
- $(levelTwo).val(linkage.getSubIdById($(levelThree).val()));//所属国家信息
- $(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息
- });
- // 为下拉levelTwo框绑定onchange事件
- $(levelTwo).change(function(){
- $(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息
- });
- });
- };
- //--逆向三级联动方法
- linkage.getSubIdById = function(id){
- for(i = 0 ; i < linkage.data.length ; i++){
- if(linkage.data[i].id == id){
- return linkage.data[i].subId;
- }
- }
- };
奈曼网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联公司于2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
当前文章:Jquery逆向三级联动
文章网址:http://cdiso.cn/article/ppeish.html