用php做省份的三级联动 附带数据库

hcwzwx

$(document).ready(function(e) {　　

　　

//向DIV里面扔三个下拉
　　
var str = "<select>　　
$("#sanji").html(str);
　　

　　
FillSheng();
　　
FillShi();
　　
FillQu();
　　
//选中项变化
　　
$("#sheng").change(function(){
　　
FillShi();
　　
FillQu();
　　
})
　　
$("#shi").change(function(){
　　
FillQu();
　　
})
　　
});
　　

　　
//填充省的方法
　　
function FillSheng()
　　
{
　　
var pcode = "0001";       //父级代号
　　
    $.ajax({
　　
async:false,
　　
url:"chuli.php",
　　
data:{pcode:pcode},
　　
type:"POST",
　　
dataType:"TEXT",
　　
success: function(data){              //回调函数
　　
var hang = data.split("|");    //根据行与行的分隔符来拆
　　
var str = "";
　　
for(var i=0;i<hang.length;i++)
　　
{
　　
var lie = hang.split("^");          //列与列的分隔符来拆
　　
str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";    //中间显示地区名称
　　
                    }
　　
$("#sheng").html(str);        //把显示的地区名称填充进去
　　
                }
　　
});
　　
}
　　
//填充市的方法
　　
function FillShi()
　　
{
　　
var pcode = $("#sheng").val();
　　
$.ajax({
　　
async:false,
　　
url:"chuli.php",
　　
data:{pcode:pcode},
　　
type:"POST",
　　
dataType:"TEXT",
　　
success: function(data){
　　
var hang = data.split("|");
　　
var str = "";
　　
for(var i=0;i<hang.length;i++)
　　
{
　　
var lie = hang.split("^");
　　
str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
　　
}
　　
$("#shi").html(str);
　　
}
　　
});
　　
}
　　
//填充区的方法
　　
function FillQu()
　　
{
　　
var pcode = $("#shi").val();
　　
$.ajax({
　　
url:"chuli.php",
　　
data:{pcode:pcode},
　　
type:"POST",
　　
dataType:"TEXT",
　　
success: function(data){
　　
var hang = data.split("|");
　　
var str = "";
　　
for(var i=0;i<hang.length;i++)
　　
{
　　
var lie = hang.split("^");
　　
str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
　　
}
　　
$("#qu").html(str);
　　
}
　　
});
　　
}