function changeCity(){
var cityId = $F('cityId');
var url= '<%=request.getContextPath()%>/echinacard/merchantSearch.do?method=findDistrictsByCity';
var pars = 'cityId=' + cityId;
var myAjax = new Ajax.Request(
url, {method : 'get', parameters : pars, onComplete : showDistrict}
);
}
//显示城区
function showDistrict(originalRequest){
var responseText = originalRequest.responseText;
var districts = responseText.split('|');
$('districtId').length = 0;
var districtId = '<bean:write name="merchantSearchForm" property="districtId"/>';
$('districtId').options[0] = new Option('所有城区', '-1');
for(var i = 0; i < districts.length; i++){
var district = districts[i].split(':');
$('districtId').options[i+1] = new Option(district[1], district[0]);
if(district[0] == districtId){
$('districtId').options[i+1].selected = true;
}
}
}
var cityId = $F('cityId');
var url= '<%=request.getContextPath()%>/echinacard/merchantSearch.do?method=findDistrictsByCity';
var pars = 'cityId=' + cityId;
var myAjax = new Ajax.Request(
url, {method : 'get', parameters : pars, onComplete : showDistrict}
);
}
//显示城区
function showDistrict(originalRequest){
var responseText = originalRequest.responseText;
var districts = responseText.split('|');
$('districtId').length = 0;
var districtId = '<bean:write name="merchantSearchForm" property="districtId"/>';
$('districtId').options[0] = new Option('所有城区', '-1');
for(var i = 0; i < districts.length; i++){
var district = districts[i].split(':');
$('districtId').options[i+1] = new Option(district[1], district[0]);
if(district[0] == districtId){
$('districtId').options[i+1].selected = true;
}
}
}
本文介绍了一个使用Ajax实现的城市变更后自动更新区域显示的功能。通过监听城市选择的变化,该功能会发起HTTP请求获取对应城市的区域列表,并更新下拉菜单选项。具体实现了changeCity和showDistrict两个JavaScript函数。
1943

被折叠的 条评论
为什么被折叠?



