城市二级(三级)联动展示

这篇仅适合前端不好、后端不行的同学看。
联动--选择省份，市区的选择框就会紧跟着展示出对应省份下的市级信息。
第一步：根据编码表的数据，我们先得到省份的编码：城市名，传到前端for循环，拼接html+="<option value='编码值'>城市名</option>"。 具体获取省份，一般就是用ajax异步刷新，js初始化时，触发ajax所在的函数方法（function（）{ $.ajax({...})}）。
第二步：省份在页面上展示出来后，我们选择某一省份的时候，触发事件。以省份编码为参数，再走一次异步，通过省份编码获取市级别的城市信息(市级的父级编码就是省份级别的编码)。之后跟第一步一样，拼接html，在页面上展示出来。 同理，三级联动，四级联动都可以这样写。如果用到的地方比较多，这部分代码可以做一个简单的封装，当其他地方需要的时候，直接调用方法即可。下面是第二步的代码，仅供参考：
function createCities(province,city){
var province2;
if(province==undefined){
province2=$('#province').val();
}else{
province2 = province;
}
$.ajax({
url : xxxx?province="+province2,
type : "POST",
datatype : "json",
contentType : "application/json; charset=utf-8",
success:function(data){
var subData = data['T' + 10];
var html = '';
for(var i=0;i<subData.length;i++){
var tmpKey = subData[i].key.substr(1, subData[i].key.length - 1);
var tmpValue = subData[i].value;
if(tmpKey==city){
html += '<option value="' + tmpKey + '" selected="selected">' + tmpValue + '</option>';
}else{
html += '<option value="' + tmpKey + '">' + tmpValue + '</option>';
}
}
$("#city").html(html);
}
});
};