Question

我将此结果作为JSON输出。如何使用jquery在我的下拉列表中绑定此输出？

这是jquery代码：

function OnSuccess(response) {  

     var ddlCity = $("[id*=SiteMaster_ddlCity]");
     var ddlState = $("[id*=SiteMaster_ddlState]");
     ddlCity.empty().append('<option selected="selected" value="0">Please select</option>');
     ddlState.empty().append('<option selected="selected" value="0">Please select</option>');                            
     $.each(response.d, function () {
           ddlCity.append($("<option></option>").val(this['CITY']).html(this['CITY']));
                ddlState.append($("<option></option>").val(this['STATE']).html(this['STATE']));
            });

     //  alert(response.d);
}

这是返回JSON输出的代码

return JsonConvert.SerializeObject(dsCityStatebyZipCode, Formatting.Indented);

Answer 1

你需要在每个循环中应用索引和值以获得正确的值，这是使用它的正确语法

$('.dropdown-content').html('');  //html element where you need to bind the data
    var parseData = jQuery.parseJSON(result.d); // parse the data
    var html = '';            
    $.each(parseData, function (i, v) {   // get data using each loop
        html += "<option>" + v.name+ "</option>";
    });

    $('.dropdown-content').html(html);  // bind the html to targeted element

如何使用Jquery将JSON数据绑定到下拉列表？

1 个答案: