Füllen einer ComboBox (ajaxToolkit) von einer Ajax WebMethod

Question

Auf meiner ASPX-Seite habe ich die folgende ComboBox, die von einer Ajax WebMethod gefüllt werden sollte.

<ajaxToolkit:ComboBox ID ="cbMembers" runat="server"></ajaxToolkit:ComboBox> 

Die WebMethod dass die ComboBox füllt wie folgt aufgerufen wird:

$.ajax({ 
     type: "POST", 
     url: functions.aspx/members", 
     data: "{SearchInput: '" + SearchInput + "'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (r) {     
      var cbMembers = $("[id*=cbMembers]"); 
      $.each(r.d, function() { 
       cbMembers.append(-- My problem is here --); 
      })     
     } 
    }); 

WebMethod

List<ListItem> members = new List<ListItem>(); 
... 
if (Reader.HasRows) 
      { 
       while (Reader.Read()) 
       { 
        members.Add(new ListItem 
        { 
         Value = HttpUtility.HtmlEncode((string)(Reader["name"])), 
         Text = HttpUtility.HtmlEncode((string)(Reader["name"])) 
        }); 
       } 
      } 
      return members; 
... 

die Daten korrekt aus dem WebMethod abgerufen wird. Ich habe es getestet. Aber mein Problem ist, die Listenelemente in der ComboBox zu füllen. Irgendein Rat?

success: function (r) {     
      var cbMembers = $("[id*=cbMembers]"); 
      $.each(r.d, function() { 
       cbMembers.append(-- How to append the data here? --); 
      }) 

     } 

Answer 1

Versuchen Sie, diese

$.each(r.d, function() { 
cbMembers.append($("<option>",{value:"1",text:"Gloria"})); 
}) 

Answer 2

Versuchen Sie, diese

 $.each(r.d, function() { 
      cbMembers.append($("<option></option>").val(this['Value']).html(this['Text'])); 
     }