问题描述

关于jquery option 选中 显示 的问题

城市二级联动

 $(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)+'&nbsp;&nbsp;'+city.name+'</option>');
                }
                else {
                    $('#'+objectId).append('<option value='+city.code+'>'+(city.spell).substring(0,1)+'&nbsp;&nbsp;'+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) + '&nbsp;&nbsp;' + city.name + '</option>');
                    }
                    else {
                        $('#' + objectId).append('<option value=' + city.code + '>' + (city.spell).substring(0, 1) + '&nbsp;&nbsp;' + city.name + '</option>');
                    }
                });
            }, error: function (xhr) {
                alert('错误
'+xhr.responseText)
            }
        });

解决方案二：

是不是循环的地方写错了。

解决方案三：

关于lov的option显示问题