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>