用php做省份的三级联动 附带数据库
$(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+"'>"+lie+"</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+"'>"+lie+"</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+"'>"+lie+"</option>";
}
$("#qu").html(str);
}
});
}
页:
[1]