jQuery는 JSON에서 선택 목록 옵션을 만들었지 만 광고되는대로 일어나지 않습니까?

Question

보통 오래된 자바 스크립트와

var dropdownList = $("#requestTypes");

:

• 교체 :

  와서 어떻게 이런 일이 빈 선택 목록 <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 = document.getElementById("requestTypes");

Answer 1

$("#requestTypes") 선택한 모든 요소를 ​​포함하고있는 jQuery 객체를 리턴한다. 개별 요소의 add() 메서드를 호출하려고 시도했지만 대신 매우 다른 작업을 수행하는 jQuery 개체의 add() 메서드를 호출하고 있습니다.

DOM 요소 자체에 액세스하려면 $("#requestTypes")[0]을 사용하여 jQuery 객체를 배열로 처리하고 첫 번째 항목을 가져와야합니다.

Answer 2

는 기본적으로 jQuery를 셀렉터는 jQuery 오브젝트를 돌려줍니다. 이 DOM 요소를 반환 얻기 위해 추가

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

Answer 3

이와 같은 내용의 경우 간단한 ajaxAddOption 기능과 함께 texotela's select box plugin을 사용합니다.