jQuery créer des options de liste de sélection de JSON, ne se passe pas comme annoncé?

Question

Comment se fait cela ne fonctionne pas (d'exploitation sur une liste de sélection vide <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); 

       } 
      } 
      ); 

     } 

Mais cela ne:

• Remplacer:

  var dropdownList = $("#requestTypes");

• Avec bon vieux javascript:

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

Answer 1

$("#requestTypes") retourne un objet jQuery qui contient tous les éléments sélectionnés. Vous essayez d'appeler la méthode add() d'un élément individuel, mais vous appelez à la place la méthode add() de l'objet jQuery, qui fait quelque chose de très différent.

Pour accéder à l'élément DOM lui-même, vous devez traiter l'objet jQuery sous la forme d'un tableau et récupérer le premier élément en utilisant $("#requestTypes")[0].

Answer 2

Par défaut, les sélecteurs jQuery retour l'objet jQuery. Ajouter ceci pour obtenir l'élément DOM retourné:

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

Answer 3

Pour des choses comme ceci, j'utilise texotela's select box plugin avec sa fonction ajaxAddOption simple.