jquery+三级联动

definitely：三个下拉框，两个change事件

province:

     空


city:

     空


country:

     空

初始下 下拉框，非常简单

$(document).ready(function(){
    
    $.ajax({
        url:"getCity", 
        data:"",
        success:function(returnStr){
            ajaxReturnStr=returnStr;
            console.log(ajaxReturnStr);
            $.each(ajaxReturnStr,function(index,json){
                var optionDom=""+json.cityname+"";
                $("#provinceid").append(optionDom);
                
            });//each
        },
        async : false,
        error : function(){
        }
    });//ajax
    
});

省联动，change事件

//js,jquery, es6
$("#provinceid").change(function(){
    
    var pid=$("#provinceid").val();//所选择省份的id
    
    $("#cityid").empty();
    $("#cityid").append(" 空");
    
    
    $.ajax({
        url:"getCity?pid="+pid, 
        data:"",
        success:function(returnStr){
            ajaxReturnStr=returnStr;
            console.log(ajaxReturnStr);
            $.each(ajaxReturnStr,function(index,json){
                var optionDom=""+json.cityname+"";
                $("#cityid").append(optionDom);
                
            });//each
        },
        async : false,
        error : function(){
        }
    });//ajax
    
});


$("#cityid").change(function(){
    
    var pid=$("#cityid").val();//所选择省份的id
    
    $("#countryid").empty();
    $("#countryid").append(" 空");
    
    
    $.ajax({
        url:"getCity?pid="+pid, 
        data:"",
        success:function(returnStr){
            ajaxReturnStr=returnStr;
            console.log(ajaxReturnStr);
            $.each(ajaxReturnStr,function(index,json){
                var optionDom=""+json.cityname+"";
                $("#countryid").append(optionDom);
                
            });//each
        },
        async : false,
        error : function(){
        }
    });//ajax
    
});

--增加的时候，三级联动，需要在数据库设计为三个字段还是一个字段