如何通过javascript向html显示json

嗨，我想要一个这样的函数

当我选择第一个“选择标签”

第二步“选择标签”显示未定义

但在这张图片中，控制台区域正是我想要的

我的问题是…如何在第二个“选择标记”中显示数据

我认为我的javascript有问题

$.ajax({
    type: "POST",
      url: "dropdownServlet",
      data: dataString,
      dataType: "json",
      success: function( data, textStatus, jqXHR) {
          $("#dropdown2").html("");
            $.each(data, function(){
                $.each(this,function(){
                    $("#dropdown2").append("<option>"+data.CiytName+"</option>");   
                });
            });            
     },

---

您需要做的就是：

    $.each(data, function(_, ob){
        $("#dropdown2").append("<option>"+ob.CityName+"</option>");   

   });    

---

请参阅

对于初学者，您的代码错误地查找数据。CiytName…为什么要执行2个foreach循环？这似乎是错误的，data.CiytName应该是data.CityName.Thank！你知道这个$each（数据，函数，ob）教程资源吗@劉承緯 用参考链接更新了我的答案。这解决了你的问题吗？+1来自我。完美地解释了它。

    $.each(data, function(_, ob){
        $("#dropdown2").append("<option>"+ob.CityName+"</option>");   

   });    

      var select = $('<select/>'); //Create a temp element.
        $.each(data, function(){
                select.append("<option>"+ob.CityName+"</option>");   //append to the temp element 
         });       

        $("#dropdown2").html(select.html());  //finally fill in the dropdown with your latest options.