jQuery создавать варианты выбора из JSON, не так как рекламируются?

Question

Почему это не работает (работает на пустом списке выбора <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); 

       } 
      } 
      ); 

     } 

Но это делает:

• Заменить:

  var dropdownList = $("#requestTypes");

• С простой старый javascript:

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

Answer 1

$("#requestTypes") возвращает объект JQuery, содержащий все выбранные элементы. Вы пытаетесь вызвать метод add() для отдельного элемента, но вместо этого вы вызываете метод jQuery add(), что делает что-то совсем другое.

Чтобы получить доступ к самому элементу DOM, вам необходимо обработать объект jQuery как массив и получить из него первый элемент, используя $("#requestTypes")[0].

Answer 2

По умолчанию JQuery селекторы возвращает объект JQuery. Добавьте это, чтобы получить элемент DOM вернулся:

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

Answer 3

Для таких вещей я использую texotela's select box plugin с его простой функцией ajaxAddOption.