城市二级联动
$(function(){
//查询所有省
getCityList(1000000,'User_Shen',"省/市",$("#oldProvinceCode").val());
// 城市二级联动
$("#User_Shen").change(function(){
getCityList($(this).val(),'User_City',"市/地区");
});
});
function getCityList(pcode,objectId,headerKey,selected){
$('#'+objectId).empty();
if(headerKey != null){
$('#'+objectId).append('<option value="">'+headerKey+'</option>');
}
$.ajax({
type: "GET",
url: "/gugu-admin/common/getCityList.html",
data: {"pcode":pcode},
dataType: "json",
success: function(data){
var html = '';
$.each(data, function(i, city){
if(city.code == selected){
$('#'+objectId).prepend('<option value='+city.code+' selected="selected">'+(city.spell).substring(0,1)+' '+city.name+'</option>');
}
else {
$('#'+objectId).append('<option value='+city.code+'>'+(city.spell).substring(0,1)+' '+city.name+'</option>');
}
});
}
});
}
如何将我查询出来的城市显示在下拉框中而不是显示“省/市”和“市/地区”
代码问题,可能的问题是没有进入success回调中,根本没执行option的添加,增加error回调看报错了么有。你指定了dataType为json,要注意返回标准json格式的字符串,要不jq1.4+以上动态页没错误也会报错
$.ajax({
type: "GET",
url: "/gugu-admin/common/getCityList.html",
data: { "pcode": pcode },
dataType: "json",
success: function (data) {alert('SUCCESS')
var html = '';
$.each(data, function (i, city) {
if (city.code == selected) {
$('#' + objectId).prepend('<option value=' + city.code + ' selected="selected">' + (city.spell).substring(0, 1) + ' ' + city.name + '</option>');
}
else {
$('#' + objectId).append('<option value=' + city.code + '>' + (city.spell).substring(0, 1) + ' ' + city.name + '</option>');
}
});
}, error: function (xhr) {
alert('错误\n'+xhr.responseText)
}
});
是不是循环的地方写错了。