// 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);