以2维数组来维护省市,首次加载全部省和第一个省对应的所有市,存在2维数组中,改变省时,如果2维数组中有对应的市就从数组中取,否则从后台取。
var array = new Array();
function getProvince(){
$.ajax(
{type:"POST", url:"/getProvince.action", dataType:"json", async:false, success:function (json) {
len = json.listp.length;
for (var i = 0; i < len; i++) {
array[i] = new Array();
array[i].id = json.listp[i].vcharProvId;
array[i].name = json.listp[i].vcharProvince;
}
}}
);
getCity(0);
}
function getCity(num){
$.ajax({type:"POST", url:"/getCity.action", data:{ID:array[num].id}, dataType:"json", async:false, success:function (json) {
len = json.listc.length;
for (var i = 0; i < len; i++) {
array[num][i] = new Object();
array[num][i].id=json.listc[i].vcharCityId;
array[num][i].name=json.listc[i].vcharCity;
}}
});
}
$().ready(function(){
getProvince();
init();
});
function init(){
var province ="";
for(var i=0;i<array.length;i++){
province +="<option value="+i+ ">"+array[i].name+"</option>";
}
$("#province").append(province);
var obj =new Object();
obj.value=0;
select_city(obj);
}
function select_city(obj){
var i=obj.value;
var city ="";
if(array[i][0]==null){
getCity(i);
}
for(var j=0;j<array[i].length;j++){
city +="<option value="+array[i][j].id+">"+array[i][j].name+"</option>";
}
$("#city").html(city);
}
<select name="" id="province" onchange="select_city(this)">
</select>
<select name="" id="city"></select>
分享到:
相关推荐
纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的...
ajax省市级联相当有用,可以根据项目需求进行改动
省市级联Ajax\省市级联Ajax\省市级联Ajax\省市级联Ajax\省市级联Ajax\
实现省市级联效果 代码类 使用dwr实现省市级联实际开发例子
使用javaScript实现省市级联(二级级联,不能三级级联)
省市级联完整代码
绝对给力的 省市级联demo [removed][removed] [removed][removed] [removed][removed] <style type="text/css"> #province{ width:90px; margin-left:5px} #city{ width:130px; margin-left:5px} #...
AJAX省市级联
javascript 省市级联特效javascript 省市级联特效
用jquery实现的省市级联,使用jquery和servlet结合技术共同开发的
省市级联列表,数据库是SQLserver2008,大家可以参考一下,有什么需要改正的,可以提出来一起改正,大家一起学习。
省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联
js省市级联js省市级联js省市级联js实现省市级联操作
javascript省市级联 第一次上传 请多多支持
简单实现js省市级联效果->>>>还在等待什么?->>>>javascript和json放在同个页面,方便查看。
利用dreamwear进行省市级联的开发
mvc 实现省市级联效果,里面有案例和说明。
超强的jquery省市级联,效果很炫,很好,很强大!!
JAVA实现省市级联,有需要的可以参考一下
jquery省市级联插件,供大家一起共同分享学习。