jquery异步构建联动下拉菜单

最新推荐文章于 2024-11-02 12:42:04 发布

z25765339

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量140

点赞数

文章标签： javascript json ViewUI

本文链接：https://blog.csdn.net/z25765339/article/details/84632164

版权

省级下拉菜单页面初始化时可用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("--请选择--", ''))
}