php第二十四节课

三级联动

// Javascript Document
$(document).ready(function(e) {

//将DIV里面写入三个下拉列表
$("#sanji").html("");

//填充内容
//1.填充省
FillSheng();
//2.填充市
FillShi();
//3.填充区
FillQu();

//如果省选中变化的时候&＃xff0c;去填充市和区
$("#sheng").change(function(){

//改变市
FillShi();
//改变区
FillQu();

})
//如果市选中变化的时候&＃xff0c;去填充区
$("#shi").change(function(){

//改变区
FillQu();

})

//填充省的方法
function FillSheng()
{
//找到父级代号
var pcode &＃61; "0001";
//调用Ajax
$.ajax({

async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){

var str &＃61; "";
var hang &＃61; data.split("|");

for(var i&＃61;0; i {
var lie &＃61; hang[i].split("^");
str &＃43;&＃61; ""&＃43;lie[1]&＃43;"";
}

$("#sheng").html(str);

}
});
}
//填充市的方法
function FillShi()
{
//找到父级代号
var pcode &＃61; $("#sheng").val();
//调用Ajax
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var str &＃61; "";
var hang &＃61; data.split("|");

for(var i&＃61;0; i {
var lie &＃61; hang[i].split("^");
str &＃43;&＃61; ""&＃43;lie[1]&＃43;"";
}

$("#shi").html(str);
}
});
}

//填充区的方法
function FillQu()
{
//找到父级代号
var pcode &＃61; $("#shi").val();
//调用Ajax
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var str &＃61; "";
var hang &＃61; data.split("|");

for(var i&＃61;0; i {
var lie &＃61; hang[i].split("^");
str &＃43;&＃61; ""&＃43;lie[1]&＃43;"";
}

$("#qu").html(str);
}
});
}


});

//取到传过来的父级代号
$pcode &＃61; $_POST["pcode"];
//引入数据操作类
include("DBDA.php");
$db &＃61; new DBDA();

//写SQL语句
$sql &＃61; "select AreaCode,AreaName,ParentAreaCode from ChinaStates where ParentAreaCode&＃61;&＃39;{$pcode}&＃39;";
//执行
echo $db->StrQuery($sql);