zoukankan      html  css  js  c++  java
  • 3级级联 国家--城市

            //3级级联 国家--城市
            function updateProvContent(){
                //隐藏二级、三级下拉框
                $('#native1').css('display','none');
                $('#native2').css('display','none');
                
                var selectedValue = $('#nativePlace0').val();
                //第一步:移除所有下级选择框
                var typeTr = $("#nativePlace1");
                typeTr.empty();
                var typeTr2 = $("#nativePlace2");
                typeTr2.empty();
                //第二步:如果选项值不为空 ,添加下一级选择框的值
                if(selectedValue != null && "" != selectedValue){
                    var requestUrl = "${RootPath}base/area/list-by-parentid";//这里是拿数据的地址
                    $.ajax({
                        async : false,
                        type : "post",
                        url : requestUrl,
                        dataType : "json",
                        data : {
                            parentId:selectedValue// 传进去的值
                        },
                        success : function(jsonData) {
                            $('#native1').css('display','block');                        
                            var select = jsonData.data;                
                            if(select != null && select != "" && select.length > 0){//如果子列表有值则把值赋上去
                                var tr = "<option value=''>请选择省市</option>";
                                for(var i = 0 ; i < select.length ; i ++){                        
                                    tr = tr + "<option value='" + select[i].id + "'>" + select[i].name + "</option>";
                                }
                                $('#nativePlace1').append(tr);
                            }
                        }
                    });
                }
            }
            //城市--县区
            function updateCityContent(){
                //隐藏三级下拉框
                $('#native2').css('display','none');
            
                var selectedValue = $('#nativePlace1').val();
                //第一步:移除所有下级选择框
                var typeTr = $("#nativePlace2");
                typeTr.empty();
                //第二步:如果选项值不为空 ,添加下一级选择框的值
                if(selectedValue != null && "" != selectedValue){
                    var requestUrl = "${RootPath}base/area/list-by-parentid";//这里是拿数据的地址
                    $.ajax({
                        async : false,
                        type : "post",
                        url : requestUrl,
                        dataType : "json",
                        data : {
                            parentId:selectedValue// 传进去的值
                        },
                        success : function(jsonData) {
                            $('#native2').css('display','block');                            
                            var select =  jsonData.data;                
                            if(select != null && select != "" && select.length > 0){//如果子列表有值则把值赋上去
                                var tr = "<option value=''>请选择地区</option>";
                                for(var i = 0 ; i < select.length ; i ++){                        
                                    tr = tr + "<option value='" + select[i].id + "'>" + select[i].name + "</option>";
                                }
                                $('#nativePlace2').append(tr);
                            }
                        }
                    });
                }
            }
  • 相关阅读:
    操作系统设计与实现 读笔(2)
    操作系统设计与实现 读笔(1)
    C++历史及优点
    套接字Socket——TCP、UDP通信
    Unix环境_进程管理
    Unix环境_信号处理机制
    排序算法汇总
    TCP/IP体系结构
    数据库模式——三级模式两级映像
    杨辉三角形的递归实现
  • 原文地址:https://www.cnblogs.com/yueyuepeng/p/7541480.html
Copyright © 2011-2022 走看看