jquery + ajax + json + fill下拉列表无法正常工作

Question

我很确定我差不多......但我无法弄清楚如何遍历json对象并填充下拉列表。这是js代码：

我的JSON数据已退回：

{"name":"County1","name":"County1","name":"County1"}

            $(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);
                        }
                    });
                });
            });

        

我确信这是一件简单的事，但由于我是新手，我不能让它发挥作用。

感谢你们的帮助！

BR， 特谢拉

Answer 1

您的JSON数据无效。您不能在对象中拥有同一属性的多个实例。

你可能想要：

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

甚至：

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

您可以按照example for for in the spec循环播放它。