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. Every advice is welcome. Thanks, Laziale

palaѕн · Accepted Answer · 2013-06-14T11:17:57.997

2

Try like this:

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

FIDDLE DEMO

edited Jun 14 '13 at 11:17

answered Jun 14 '13 at 11:12

palaѕн

72,112
17
116
136

score 1 · Answer 2 · edited May 23 '17 at 12:13

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 '17 at 12:13

Community

1
1

answered Jun 14 '13 at 11:09

Okky

10,338
15
75
122

score 0 · Answer 3 · answered Jun 14 '13 at 13:23

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 '13 at 13:23

sangram parmar

8,462
2
23
47

append values to asp.net dropdownlist with jquery

3 Answers3