ASP.NET DROPDOWNLIST到jQuery的variabel

Question

我有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」）到variabel。

Answer 1

appendChild不是jQuery的函數。

假設您的第一個代碼具有額外的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>"); 
    } 

Answer 2

感謝ü爲@ freedomn米 現在我我的代碼改成這樣：

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