Блог

У меня есть 2 кода,

Это первый:

     $("#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]));
        }
    });
  

Это второй:

     $("#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]));
        }
    });
  

Почему первый код не работает?

     var select = $("#DropDownList1");
  

Я должен изменить его на

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

Я хочу превратить $(«#DropDownList1») в переменную.

appendChild не является функцией jquery.

Предполагая, что в вашем первом коде есть опечатка с добавлением extra document.getElementById , вы можете использовать select.get(0).appendChild() для преобразования объекта jquery в элемент DOM.

     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]));
    }
  

или вы могли бы продолжить работу с jquery, например:

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

Спасибо за @freedomn-m Теперь я меняю свой код на это:

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