Append values to asp.net dropdownlist with jQuery

Question

I am trying to append a value with jQuery but with the ways I am trying the option doesn't want to append. This is what I am trying (for test purposes):

 $('#<%=btnSelectAgentAdd.ClientID %>').click(function () {              
                var myOptions = {
                    val1: 100,
                    val2: 'text2'
                };
                $('#<%=ddlAgentName.ClientID %>').append(new Option(myOptions.val2, myOptions.val1));             
             });

I also tried this:

 $('#<%=btnSelectAgentAdd.ClientID %>').click(function () {
                var mySelect = $('#<%=ddlAgentName.ClientID %>');
                var myOptions = {
                    val1: 100,
                    val2: 'text2'
                };
                $.each(myOptions, function(val, text) {
    $('#<%=ddlAgentName.ClientID %>').append( new Option(text,val) );
});           
             });

And this:

 $('#<%=btnSelectAgentAdd.ClientID %>').click(function () {
                var mySelect = $('#<%=ddlAgentName.ClientID %>');
                var myOptions = {
                    val1: 100,
                    val2: 'text2'
                };
                $.each(myOptions, function(val, text) {
    mySelect.append(
        $('<option></option>').val(val).html(text)
    );
             });

None of them are working. Debugging with Firebug shows that the error is happening on the last step when the values are to be appended to the dropdownlist.

palaѕн · Accepted Answer · 2013-06-14 11:17:57Z

2

Try like this:

$.each(myOptions, function (val, text) {
    mySelect.append($('<option />', {
        value: val,
        text: text
    }));
});

FIDDLE DEMO

edited Jun 14, 2013 at 11:17

answered Jun 14, 2013 at 11:12

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:13:00Z

1

var newOption = "<option value='"+"1"+"'>Some Text</option>"; 
$("#ddlCategory").append(newOption);

Reference How do I add an option to a dropdown list using jQuery?

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Jun 14, 2013 at 11:09

Okky

10.5k16 gold badges78 silver badges123 bronze badges

Comments

sangram parmar · Accepted Answer · 2013-06-14 13:23:13Z

0

try this

$('#<%=btnSelectAgentAdd.ClientID %>').click(function () {
                var mySelect = $('#<%=ddlAgentName.ClientID %>').append('<option value="100">yourtext</option><option value="100">yourtext</option>');

             });

answered Jun 14, 2013 at 13:23

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Collectives™ on Stack Overflow

Append values to asp.net dropdownlist with jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related