CODEWITHSUNDEEP
javascriptjqueryjsonc#-4.0
HarshSharma
HarshSharma

Reputation: 660

JSON Data is not populated into the Dropdownlist

I have the following code in my js file. When i alerted and checked the value of key, its being coming from JSON response, but when i checked my val, its shown as [object object]. So i tried using val.value, the value comes to be undefined.

FYI: I am getting the correct response from my controller through Json, i have checked it, all i want to know is how to populate text value into the dropdown.

$(document).ready(function () {   
    BindTitle();
});

function BindTitle() {
    $.ajax({
        "url": "/Admin/GetTitleList/",
        "type": "get",
        "dataType": "json",
        "success": function (data) {
            var appenddata;
            $.each(data, function (key, val) {
                appenddata += "<option value = '" + key + " '>" + val.text + " </option>";
            });
            $("#TitleId").html(appenddata);
        }
    });
}

enter image description here

Upvotes: 0

Views: 125

Answers (1)

siphab
siphab

Reputation: 451

Your way of building dropdown wont work on ie8 try

$.ajax({
    url: "/Admin/GetTitleList/",
    type: "GET"
    success: function (data) {
        var items = $('#id of your dropdown');
        items.empty();
        $.each(data, function (i, drddata) {
            items.append($('<option/>', { value: drddata.Value, html: drddata.Text
        });
    });
    },
    error: function () {
    }
});

Upvotes: 1

Related Questions