如何提取JSON數據來填充清單下拉插件

Question

我使用jQuery的複選框下拉插件與格式的JSON數據的多重選擇：

{"message":[{"id":"xyz","name":"USERA"},{"id":"abc","name":"USERB"}]} 

我試圖填充下拉與JSON數據但我一直未能成功。任何幫助表示讚賞。

請找我用填充下拉列表的方法如下：

$.ajax({type : "GET", 
     url : "", 
     data : "", 
     dataType : "json", 
     success : function(data) { 

      var Options = ''; 
      $.each($(data.message), function() { 

       Options +='<option value="'+this.name+'">'+this.name+'</option>' 
      }); 
      $("#dropdown1").append(Options); 
     } 
    }); 

Answer 1

這條線 -

$.each($(data.message), function() { ... } 

應該是這樣的 -

$.each(data.message), function(index,elem) { ... }); 

然後用於連接HTML的行應該像這樣出現 -

Options +='<option value="'+elem.name+'">'+elem.name+'</option>'; 

此外，您還錯過了Options +=行的分號。

Answer 2

試試這個：

$.ajax({type : "GET", 
     url : "", 
     data : "", 
     dataType : "json", 
     success : function(data) { 

      $.each($(data.message), function(index,val) { 

       $('#dropdown1').append($("<option></option>").val(val.name).html(val.name)); 
      }); 

     } 
    }); 

Answer 3

提花出笏就錯在我的代碼.. dropdownchecklist（）必須要調用的附加數據，如

後

success : function(data) { 
    var Options = ''; 
    $.each($(data.message), function() { 
     Options +='<option value="'+this.name+'">'+this.name+'</option>' 
    }); 
    $("#dropdown1").append(Options); 
    $("#dropdown1").dropdownchecklist(); 
}