ASP.NET Dropdown list into jquery variable

Question

I have 2 code,

This is the First:

    $("#Button1")
    .click(function () {
        var index;            
        var select = $("#DropDownList1");
        var select = document.getElementById("DropDownList1");
        var myindex = ["zero", "one", "two", "three"];
        for (index = 0; index < myindex.length; index++) {
            select.appendChild(new Option(myindex[index]));
        }
    });

This is the Second:

    $("#Button1")
    .click(function () {
        var index;            
        var select = document.getElementById("DropDownList1");
        var myindex = ["zero", "one", "two", "three"];
        for (index = 0; index < myindex.length; index++) {
            select.appendChild(new Option(myindex[index]));
        }
    });

Why the first code doesn't work?

    var select = $("#DropDownList1");

I have to change it to

    var select = document.getElementById("DropDownList1");

I want to turn $("#DropDownList1") to a variable.

fdomn-m · Accepted Answer · 2016-10-07 10:42:13Z

1

appendChild is not a jquery function.

Assuming your first code has a paste-typo with the extra document.getElementById, you can use select.get(0).appendChild() to convert a jquery object to a DOM element.

    var index;            
    var select = $("#DropDownList1");
    var myindex = ["zero", "one", "two", "three"];
    for (index = 0; index < myindex.length; index++) {
        select.get(0).appendChild(new Option(myindex[index]));
    }

or you could continue with jquery, eg:

    for (index = 0; index < myindex.length; index++) {
        select.append("<option>" + myindex[index] + "</option>");
    }

answered Oct 7, 2016 at 10:42

fdomn-m

28.8k8 gold badges39 silver badges70 bronze badges

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

Comments

Salomo Panjaitan · Accepted Answer · 2016-10-08 14:57:20Z

1

Thank u for @freedomn-m Now i change my code to this:

        var index;            
        var select = $("#DropDownList1");            
        var myindex = ["zero", "one", "two", "three"];
        for (index = 0; index < myindex.length; index++) {
            select.append("<option>" + myindex[index] + "</option>");
        }

answered Oct 8, 2016 at 14:57

Salomo Panjaitan

155 bronze badges

Collectives™ on Stack Overflow

ASP.NET Dropdown list into jquery variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related