jquery - 使用 jquery 绑定(bind)下拉列表

Question

我尝试使用 jquery 绑定(bind) dropdowmlist。但显示一些错误。

代码:

                     $.ajax({
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      data: "{product: '" + product + "'}",
                      url: "Search.aspx/FetchCategory",
                      dataType: "json",
                      success: function(data) {
                      $.each(data.d, function() {
                              $("#ddlCategory").append($("<option></option>").val(this['ID']).html(this['Category']));
                          });
                      }
                  });

数据中的值: [{"类别":"全部","ID":"%"},"类别":" Action ,"ID":"4"},"类别":"种族,"ID":"5"} ,"类别":"体育,"ID":"6"}]

错误:

$("#ddlCategory").append($("").val(this['ID']).html(this['Category'])); Microsoft JScript 运行时错误:对象不支持此属性或方法

吉萨

Answer 1

吉萨:看起来 data.d 返回一个包含对象的数组？

尝试像这样实现成功:

success: function(data) {
    $.each(data.d[0], function(key,value) {
     $("#ddlCategory").append($("<option></option>").val(key).html(value));
    });
}