使用jquery绑定Dropdownlist

时间:2010-04-10 05:57:27

标签: jquery drop-down-menu

我尝试使用jquery绑定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”: “%”}, “类别”: “操作,” ID “:” 4 “},” 类别 “:” 种族, “ID”: “5”} “类别”: “体育,” ID “:” 6" }]

错误:

$( “#ddlCategory”)附加($( “”)VAL(此[ 'ID'])HTML(此[ '分类']));    Microsoft JScript运行时错误:对象不支持此属性或方法

格塔

1 个答案:

答案 0 :(得分:6)

格塔: 看起来data.d正在返回一个包含对象的数组?

尝试实现这样的成功:

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