PHP ajax 实现三级联动

在一个单独JS页面中，利用ajax实现三级联动，做成一个三级联动形式，以便于以后随时调用

JS代码：

$(document).ready(function(e) {
    $("#sanji").html("<select id='sheng'></select><select id='shi'></select><select id='qu'></select>");
    
    //填充内容
    //填充省
    FileSheng();
    //填充市
    FileShi();
    //填充区
    FileQu();
    
    $("#sheng").change(function(){
        
        //当省变化的时候去调用市和区
        FileShi();
        FileQu();
        
        })
    $("#shi").change(function(){
        
        //当市变化的时候去调用区
        FileQu();
        
        })
    //调用省的方法
    function FileSheng()
    {
        //找到父级代号
         var pcode = "0001";
        //调用AJAX
        $.ajax({
            async:false,
            url:"ChuLi.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                
                var str = "";
                var hang = data.split("|");
                for(var i=0; i<hang.length; i++)
                {
                    var lie = hang[i].split("^");
                    str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
                }
                $(a).html(str);
                }
            
            });
    }
    //填充市的方法
    function FileShi()
    {
        //找到父级代号
        var pcode = $("#sheng").val();
        //调用AJAX
        $.ajax({
            async:false,
            url:"ChuLi.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                
                var str = "";
                var hang = data.split("|");
                for(var i=0; i<hang.length; i++)
                {
                    var lie = hang[i].split("^");
                    str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
                }
                $("#shi").html(str);
                
                }
        });
    }
    function FileQu()
    {
        //找到父级代号
        var pcode = $("#shi").val();
        //调用AJAX
        $.ajax({
            async:false,
            url:"ChuLi.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                
                var str = "";
                var hang = data.split("|");
                for(var i=0; i<hang.length; i++)
                {
                    var lie = hang[i].split("^");
                    str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
                }
                $("#qu").html(str);
                
                }
        });
    }
        
    
    
});

这样在一个<div>里就可以实现随时调用三级联动

 <div id="sanji"></div>