jQuery를 사용하여 선택/메뉴 객체 채우기

Question

jQuery를 사용하여 객체를 채울 필요가 있습니다. 표시되는 대화 상자 (jQueryUI)가 있습니다. 대화 상자가 닫히면 객체는 mySQL 테이블에서 가져온 항목으로 채워야합니다.

필자는 JS 코드에 fill_select() 함수가 있습니다.이 JS 함수를 자주 호출하기 때문에 코드를 배치해야합니다.

PS : 나는 당신이 일반적으로 AJAX는 가벼운 무게로 호출 원하기 때문에 내가이 예에서 JSON을 사용하는 이유는 다시

Answer 1

http://docs.jquery.com/Ajax

선택 채우기 전에 모든 항목을 제거해야합니다. 클라이언트 측에서 HTML 문자열을 작성하는 것은 대부분의 브라우저에서 상대적으로 빠릅니다 (어느 쪽이 빠르지는 알 것입니다 ...). 어떤 경우에도 속도 고려 사항을 위해 한 번에 하나씩 선택 요소에 요소를 추가하고 싶지는 않습니다.

JSON이 어떤 모습인지 모르는 경우

http://json.org/

function fillSelectList(param1, param2) { 
     $.ajax({ 
      type: "GET", 
      url: "myUrl.php", 
      data: { Param1: param1, Param2: param2 }, 
      dataType: "json", 
      async: true, 
      success: function(data, textStatus) { 
       var html = ""; 
       for (var i = 0; i < data.length; i++) { 
        html += "<option value=\""; 
        html += data[i].value + "\">"; 
        html += data[i].text + "</option>"; 
       } 

       $("#mySelectList").empty().append(html); 
      }  
     });   
    }