How can I set the value of a List box using jQuery?

Question

Hi I have a List which is returned by a webmethod. This needs to be set to a Listbox ? How can this be done ? Thanks in advance

I set the value of 2 labels using this code . Now need to set a listbox as well.

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "WebForm2.aspx/GetTime1",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(result) {
            $('#<%=Label2.ClientID %>').html(result.d.Label1);
            $('#<%=Label3.ClientID %>').html(result.d.Label2);
        }
    });
});

This is the object of this class returned by the webmethod

public class StatusViewModel
    {
        public string Label1 { get; set; }
        public string Label2 { get; set; }
        public List<string> ListBox { get; set; }
    }

Nastya Kholodova · Accepted Answer · 2011-08-09 07:28:23Z

1

If I understood correctly, ListBox are already at the page, let it have server id lbYourListBox

for (var i = 0; i < result.ListBox.length; i++) {  
  $(document.createElement("option")).attr("value",result.ListBox[i]).html(result.ListBox[i])
   .appendTo('#<%=lbYourListBox.ClientID  %>')}

answered Aug 9, 2011 at 7:28

Nastya Kholodova

1,3219 silver badges18 bronze badges

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

1 Comment

Ananth Over a year ago

Thanks..Works just fine.. Just needed to add 'd' in result.d.ListBox[i]

learning · Accepted Answer · 2011-08-09 07:16:43Z

1

Try to return a list and then bind your list to your listbox.

 $.each(ListBox, function(index, item) {
                                $("#ListBoxtoBeFilled").get(0).options[$("#ListBoxtoBeFilled").get(0).options.length] = new Option(item);
                             });

answered Aug 9, 2011 at 7:16

learning

11.8k36 gold badges91 silver badges158 bronze badges

Collectives™ on Stack Overflow

How can I set the value of a List box 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