首先，要实现如下图效果，
1、要理清思路：
先做出三个下拉菜单----根据第一个下拉菜单的value值获取第二个下拉列表的内容，第三个同理。
2、用到的数据库表：Chinastates表
规律：根据国家级（中国）的areacode查询省级(如：北京) ; 根据省级的areacode查询市级（如：北京市辖）；根据市级的areacode查询区级（如东城区）
第一种方式：
没有用到封装，数据读取较慢，可以看看原理，这样在第二种方式封装时就容易多了。代码如下：
期间出现的问题：每个下拉列表的第一个数据输不出来：是因为每个下拉列表的第一个数据的value值都带有空格！！！所以在输出data时要去空格！！！
data返回的值可能带有空格换行等，所以要用trim()方法去空格！！！
第二种方式：
封装成插件，以后可以随时调用（重要）（1）主页面：
//引入jquery包
//id要与封装的js插件中一致
（2）我们自己封装的js插件
});
//加载省的下拉列表
function LoadSheng() {
var pcode = "0001";
$.ajax({
async: false,url: "chuli.PHP",data: { code: pcode },type: "POST",dataType: "TEXT",success: function(data) {
var hang = data.trim().split("|");
var str = "";
for(var i = 0; i < hang.length; i++) {
var lie = hang[i].split("^");
str = str + "";
}
$("#sheng").html(str);
}
});
}
//加载市省的下拉列表
function LoadShi() {
var pcode = $("#sheng").val();
$.ajax({
async: false,success: function(data) {
var hang = data.trim().split("|");
var str = "";
for(var i = 0; i < hang.length; i++) {
var lie = hang[i].split("^");
str = str + "";
}
$("#shi").html(str);
}
});
}
//加载省的下拉列表
function LoadQu() {
var pcode = $("#shi").val();
$.ajax({
url: "chuli.PHP",success: function(data) {
var hang = data.trim().split("|");
var str = "";
for(var i = 0; i < hang.length; i++) {
var lie = hang[i].split("^");
str = str + "";
}
$("#qu").html(str);
}
});
}
