`
a25765339
  • 浏览: 60422 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery异步构建联动下拉菜单

 
阅读更多
省级下拉菜单页面初始化时可用el初始化好

//取得市信息
function getCityInfoAjax(provinceId) {
	clearCity();
	clearArea();
	if('' == provinceId){
		return false;
	}
	JEND.util.dialog.showLoading({loadingText:'正在加载数据,请稍后…'});
	var url = '<%=basePath %>/tmallMgr/getCityInfoAjax.do?provinceId=' + provinceId;
	jQuery.ajax({
		type : 'post',
		url : url,
		dataType : 'text',
		success : function(data){
			json = eval('(' + data + ')');
			var city = document.getElementById('city');
			$.each(json,function(idx,item){
				city.options.add(new Option(item.name, item.id));
			});
			JEND.util.dialog.close();
		},
		error : function(){
			JEND.page.alert("系统异常!");
			JEND.util.dialog.close();
		}
	});
}
//取得区县信息
function getAreaInfoAjax(cityId) {
	clearArea();
	if('' == cityId){
		return false;
	}
	JEND.util.dialog.showLoading({loadingText:'正在加载数据,请稍后…'});
	var url = '<%=basePath %>/tmallMgr/getAreaInfoAjax.do?cityId=' + cityId;
	jQuery.ajax({
		type : 'post',
		url : url,
		dataType : 'text',
		success : function(data){
			json = eval('(' + data + ')');
			var area = document.getElementById('area');
			$.each(json,function(idx,item){
				area.options.add(new Option(item.name, item.id));
			});
			JEND.util.dialog.close();
		},
		error : function(){
			JEND.page.alert("系统异常!");
			JEND.util.dialog.close();
		}
	});
}
function clearCity(){
	var city = document.getElementById('city');
	for (var j = 0; j < city.options.length; j++) {
		city.remove(city.options[j]);
		j--;
	}
	city.options.add(new Option("--请选择--", ''))
}
function clearArea(){
	var area = document.getElementById('area');
	for (var j = 0; j < area.options.length; j++) {
		area.remove(area.options[j]);
		j--;
	}
	area.options.add(new Option("--请选择--", ''))
}

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics