jquery + ajax + json +填充下拉列表不工作

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

     

 

我敢肯定是简单的东西，但我对这个是新手我不会beeing能够得到它的工作。

感谢您的帮助！

BR， 特谢拉

Answer 1

你的JSON数据是无效的。对象中不能有多个相同属性的实例。

你可能想：

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

甚至：

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

你也可以遍历它作为每example for for in the spec。