省市区联调

最新推荐文章于 2021-10-11 09:29:02 发布

Recordknowledge

最新推荐文章于 2021-10-11 09:29:02 发布

阅读量354

点赞数

分类专栏： web前端文章标签：省市区联调

本文链接：https://blog.csdn.net/Recordknowledge/article/details/49943163

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$(function(){
    $("#province").change(function(){
     $("#city option:not(:first)").remove();
     $("#county option:not(:first)").remove();
     var province = $("#province").val();
     if(province!=""){
      var url="ProCityCounAction?method=cityInfo";
      var args={"parent":province};
      $.getJSON(url,args,function(data){
       if($.isEmptyObject(data)){
        alert("没有市的信息");
       }else{
        for(var i=0;i<data.length;i++){
         var city_index=data[i].city_index;
            var name=data[i].name;
            $("#city").append("<option value='"+city_index+"'>"+name+"</option>");
        }
       }
      });
     }
    });

    $("#city").change(function(){
     $("#county option:not(:first)").remove();
     var province =$("#province").val();
     var city = $(this).val();
     if(city!=""){
      var url="ProCityCounAction?method=countyInfo";
      var args = {"parent": province, "city_index":city};
       $.getJSON(url,args,function(data){
       if($.isEmptyObject(data)){
        alert("没有区的信息");
       }else{
        for(var i=0;i<data.length;i++){

         var county_index=data[i].county_index;
            var name=data[i].name;
            $("#county").append("<option value='"+county_index+"'>"+name+"</option>");
        }
       }
      });
     }
    });
  })