Binding Dropdownlist using jquery

Question

I am try to bind the dropdowmlist using jquery. But is showing some error.

Code:

                     $.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']));
                          });
                      }
                  });

values in the data: [{"Category":"All","ID":"%"},"Category":"Action,"ID":"4"},"Category":"Race,"ID":"5"},"Category":"Sports,"ID":"6"}]

Error:

$("#ddlCategory").append($("").val(this['ID']).html(this['Category'])); Microsoft JScript runtime error: Object doesn't support this property or method

Geetha

JavaScript is case-sensitive; the field in your data is 'Category' while your attempting to access 'category'. — user229044
– user229044 ♦, Commented Apr 10, 2010 at 6:00

Jim Schubert · Accepted Answer · 2010-04-10 06:08:47Z

6

Geetha: It looks like data.d is returning an array which contains objects?

Try implementing success like this:

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

answered Apr 10, 2010 at 6:08

Jim Schubert

20.4k5 gold badges64 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kishan Gajjar Over a year ago

I also want to insert id in all the options.So how can i do that??? <option id="opt1" value="opt1">option1</option>

Jim Schubert Over a year ago

You can modify the element builder "<option></option>" to contain as much or as little as you want. For example, you could do '<option id="'+key+'"></option>' or just "<option />". Notice how when adding attributes manually, I've used double quotes for the attributes and single quotes for the string passed to jQuery. I believe double quotes are XHTML standard (? maybe?) and this simplified escaping the quotes.

Collectives™ on Stack Overflow

Binding Dropdownlist using jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related