三级联动
// JavaScript Document $(document).ready(function(e) { var zhuti="<select id='sheng'></select><select id='shi'></select><select id='qu'></select>"; $("#sanji").html(zhuti); //填充省 FillSheng(); //填充市 FillShi(); //填充区 FillQu(); //当省选中变化的时候去填充市和区 $("#sheng").change(function(){ //填充市 FillShi(); //填充区 FillQu(); }) //当市选中变化的时候去填充区 $("#shi").change(function(){ //填充区 FillQu(); }) }); //填充省的方法 function FillSheng() { //省的父级代号 var pcode="0001"; //调用AJAX $.ajax({ async:false,//关闭异步,开启同步 url:"sjldcl.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ //拆分返回的字符串,得到行的数组 var hang=data.trim().split("|"); var str=""; for(var i=0;i<hang.length;i++) { //返回列的数组 var lie=hang[i].split("^"); var str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>"; } $("#sheng").html(str); } }); } function FillShi() { //取到市的父级代号 var pcode=$("#sheng").val(); //调用AJAX $.ajax({ async:false, url:"sjldcl.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang=data.trim().split("|"); var str=""; for(var i=0;i<hang.length;i++) { //返回列的数组 var lie=hang[i].split("^"); var str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>"; } $("#shi").html(str); } }); } function FillQu() { var pcode=$("#shi").val(); $.ajax({ url:"sjldcl.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang=data.trim().split("|"); var str=""; for(var i=0;i<hang.length;i++) { var lie=hang[i].split("^"); var str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>"; } $("#qu").html(str); } }); }
<?php include("DBDA.class.php"); $db= new DBDA(); //接收父级代号 $pcode=$_POST["pcode"]; //根据父级代号差子级区域 $sql="select * from chinastates where ParentAreaCode='{$pcode}'"; echo $db->StrQuery($sql);