mysql jsp省市区三级联动_php+Mysql+Ajax+JS实现省市区三级联动实例代码

最近做了个项目，需要用到省市区三级联动，上网翻了不少资料，于是有了下面的思路和代码

基本思想就是：在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息，代码有点长，但很多都是类似的，例如JS中省、市、区获取方法类似，PHP中通过参数不同执行不同的select语句。

index.html代码：

代码如下:/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

省市区三级联动

请选择省份

请选择市区

请选择县乡

thumbnails.js代码：

代码如下:window.onload = getProvince;

function createRequest() {//Ajax于PHP交互需要对象

try {

request = new XMLHttpRequest();//创建一个新的请求对象;

} catch (tryMS) {

try {

request = new ActiveXObject("Msxml2.XMLHTTP");

} catch (otherMS) {

try {

request = new ActiveXObject("Microsoft.XMLHTTP");

} catch (failed) {

request = null;

}

}

}

return request;

}

function sech(id) {//省市改变时触发，select的onchange事件

var aa = document.getElementById(id);

if(id=="sheng"){

getCity(aa.value);//这里aa.value为省的id

}

if(id=="shi")

{

getCounty(aa.value);//这里aa.value为市的id

}

}

function getProvince() {//获取所有省

request = createRequest();

if (request == null) {

alert("Unable to create request");

return;

}

var url= "getDetails.php?ID=0";//ID=0时传递至PHP时让其获取所有省

request.open(&