jquery + ajax + json + заполнить выпадающий список не работает

Question

Я почти уверен, что я почти там ... но я не могу понять, как перебирать объекты json и заполнять выпадающий список. Вот код js:

Возвращены мои данные JSON: <pre>{"name":"County1","name":"County1","name":"County1"} <pre></p> $(document).ready(function() { $("#ddlCountries").change(function() { $("#ddl2").html(""); $.ajax({ type: "GET", url: "Handler.ashx?", data: "county=" + $("#ddlCountries option:selected").text(), contentType: "application/json; charset=utf-8", dataType: "json", success: function(countyList) { $.each(countyList, function() { $("#ddl2").append(' + this['name'] + ''); }); }, error: function(XMLHttpRequest, textStatus) { alert(textStatus); } }); }); }); <p>

Я уверен, что это что-то простое, но, поскольку я новичок в этом, я не смогу заставить его работать.

Ценю вашу помощь, ребята!

Br, Тейшейра

Answer 1

Ваши данные JSON неверны. Вы не можете иметь несколько экземпляров одного и того же свойства в объекте.

Вы, вероятно, хотите:

[ 
    {
        "name": "Country1"
    },
    {
        "name": "Country1"
    },
    {
        "name": "Country1"
    }
]

Или даже:

[ "Country1", "Country1", "Country1" ]

Вы можете выполнить цикл по примеру для for в спецификации .