三级联动相信大多数人都很好的实现过,今天我是小小的改动了下。当下拉列表里选择某一个地区时,相应的另外一个下拉列表先出现:Please Wait,0.5秒后再显示ajax获取的数据。这样用户体验稍微好一点。下面是我的js代码:

//Region&country
$('#Article_code').change(function(){
var country=$('#Article_code option:selected').val();
var data={'country':country};
var url='createUrl('Manage/article/getRegion'); ?>';
if(country==0) {
$('#Article_region_id option').remove();
$('#Article_region_id').append($(''));
return false;
}
$.ajax({
type:'post',
data:data,
url:url,
beforeSend:function(){
$('#Article_region_id option:first').text('Please Wait');
},
success:function(json){
window.setTimeout(function(){
var data=eval(json);
var str='';
str+='';
if(!data.empty){
for(var i=0;i'+data.name[i]+'';
}
}
$('#Article_region_id option').remove();
$('#Article_region_id').append(str);
},500);
},
dataType:'json'
});
}); 以上是代码,在ajax发送前,beforeSend里把第一个option里的内容修改为Please Wait,在success里调用window.setTimeout延迟0.5秒将数据显示到另一个下拉列表里。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。