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>