jQuery, reklamı yapılan gibi olmayan, JSON'dan seçim listesi seçenekleri oluşturuyor mu?

Question

Bu nasıl olmaz (boş bir seçim listesinde çalışır <select id="requestTypes"></select>

$(function() { 

     $.getJSON("/RequestX/GetRequestTypes/", showRequestTypes); 

    } 
    ); 


    function showRequestTypes(data, textStatus) { 

     $.each(data, 
      function() { 

       var option = new Option(this.RequestTypeName, this.RequestTypeID); 
       // Use Jquery to get select list element 
       var dropdownList = $("#requestTypes"); 

       if ($.browser.msie) { 
        dropdownList.add(option); 
       } 

       else { 

        dropdownList.add(option, null); 

       } 
      } 
      ); 

     } 

Ancak bu:

• Değiştir:

  var dropdownList = $("#requestTypes");

• Düz eski javascript ile :

  var dropdownList = document.getElementById("requestTypes");

Answer 1

$("#requestTypes") seçilen tüm unsurları içeren bir jQuery nesnesi döndürür. Tek bir öğenin add() yöntemini çağırmaya çalışıyorsunuz, ancak bunun yerine jQuery nesnesinin add() yöntemini çağırıyorsunuz, bu çok farklı bir şey yapıyor.

DOM öğesinin kendisine erişmek için, jQuery nesnesini bir dizi olarak ele almanız ve ilk öğeyi $("#requestTypes")[0] kullanarak almanız gerekir.

Answer 2

Varsayılan olarak, jQuery seçiciler jQuery nesnesi döndürür. Bu DOM öğesi iade almak için ekleyin:

var dropdownList = $("#requestTypes")[0]; 

Answer 3

Böyle şeyler için, basit ajaxAddOption işleviyle texotela's select box plugin kullanıyorum.