省级下拉菜单页面初始化时可用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("--请选择--", ''))
}
分享到:
相关推荐
jquery省市区三级联动下拉菜单_select三级联动下拉菜单 jquery省市区三级联动下拉菜单_select三级联动下拉菜单 jquery省市区三级联动下拉菜单_select三级联动下拉菜单 jquery省市区三级联动下拉菜单_select三级联动...
jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表
cxSelect 是基于 jQuery 的多级联动菜单插件,适用于省市、商品分类等联动菜单。 列表数据通过 AJAX 获取(需要在服务器环境运行),也可以使用变量自定义,数据内容使用 JSON 格式。
jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单
jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码
jquery导航条滑动下拉菜单_滑动显示二级下拉菜单 jquery导航条滑动下拉菜单_滑动显示二级下拉菜单 jquery导航条滑动下拉菜单_滑动显示二级下拉菜单 jquery导航条滑动下拉菜单_滑动显示二级下拉菜单
jQuery&CSS图形下拉菜单jQuery&CSS图形下拉菜单jQuery&CSS图形下拉菜单jQuery&CSS图形下拉菜单jQuery&CSS图形下拉菜单jQuery&CSS图形下拉菜单
jQuery多级下拉菜单支持多级下拉列表菜单,适用于商城网站或者企业网站,php中文网推荐下载!
jQuery左侧固定导航下拉菜单代码是一款默认固定在左侧,点击可下拉多级菜单代码。
jQuery+ASP+SQL实现二级联动下拉菜单 全国省市数据库可以从网上Down个合适的导入一下就可以了. /**************************** * Author:蓝客密探 * Blog:www.lanke.me * Forum:www.phpdn.cn 详细介绍页面:...
jQuery购物商城导航下拉菜单 jQuery购物商城导航下拉菜单 jQuery购物商城导航下拉菜单 jQuery购物商城导航下拉菜单
jQuery多级无限级导航下拉菜单代码, jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。 js代码 [removed] $(document).ready(function() { $("ul.nav li").hover...
jQuery手机端三级联动下拉菜单特效.
jquery实现三级下拉菜单,兼容各个浏览器,小巧实用
jQuery顶部导航栏下拉菜单,鼠标经过,显示下拉菜单,排版精致。
jQuery树形多级下拉菜单是一款树形多级二级下拉菜单目录展示代码,支持无限嵌套。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
jQuery多级下拉菜单支持多级下拉列表菜单代码。
jQuery手风琴滑动下拉菜单代码是一款手风琴下拉菜单展开收缩效果代码。