// JavaScript Document

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

//向DIV里面扔三个下拉

var str = "<select id='sheng'></select><select id='shi'></select><select id='qu'></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[i].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[i].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[i].split("^");

str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";

}

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

}

});

}