How can I populate data in Dropdown Using Jquery

Question

  my Jquery code
 ("#<%=cboBranch.ClientID%>").append($("<option></option>").attr("value",valueData1).text(Data1))

 my asp code
 <asp:DropDownList ID="cboBranch" runat="server" class="medium" >

How can I do it? Its not working

Your JQuery code looks fine; the problem must be something else you're not showing here (eg, script executing before HTML is loaded). Can you provide a short, self-contained, compilable example? sscce.org — McGarnagle
– McGarnagle, Commented Sep 20, 2012 at 5:04
Yes, I done already the JSON and I dont know how to populate it in dropdown. This is a usercontrol. Can you show me how? — Therence
– Therence, Commented Sep 20, 2012 at 5:12

PraveenVenu · Accepted Answer · 2012-09-20 05:17:41Z

3

Are you looping the data?

// clear dropdown
    $("#<%=cboBranch.ClientID%>").html("");
    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        $("#<%=cboBranch.ClientID%>").append(
              $("<option></option>").val(item.Id).html(item.Name);
        );
    });

Read this

answered Sep 20, 2012 at 5:17

PraveenVenu

8,3674 gold badges32 silver badges39 bronze badges

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

1 Comment

Therence Over a year ago

It didnt work, I think the problem is this is not a page this is a usercontrol in .NET.

Buzz · Accepted Answer · 2012-09-20 05:28:15Z

1

supposing result is your JSON data then do something like this

$.each(result, function() {
    options.append($("<option />").val(this.Value).text(this.Name));

edited Sep 20, 2012 at 5:28

answered Sep 20, 2012 at 5:19

Buzz

6,3806 gold badges37 silver badges48 bronze badges

Collectives™ on Stack Overflow

How can I populate data in Dropdown Using Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related