IE6에서 select에서 옵션 제거

Question

드롭 다운 메뉴를 다시 채우려고합니다. myList를 검색하기 위해 아약스 호출을하고있다. 새 목록이 있으면 select 요소에서 모든 옵션을 제거하고 새 값 (약 100 개 옵션)을 삽입합니다. 이것은 IE와 Firefox의 최신 버전에서 잘 작동합니다; 새로 고침은 거의 순간적입니다. 그러나 IE6에서는 이러한 작업으로 인해 브라우저 속도가 느려집니다. 옵션이 제거되면 드롭 다운 상자가 거의 애니메이션으로 표시되며 몇 초 동안 계속됩니다. 이전 목록을 새 목록과 비교하고 변경된 항목 만 제거/추가하는 것 외에는 속도를 높이는 방법이 있습니까?

$("#myselect").children.remove(); 

$.each(myList, function(i, val) { 
    $("<option>").attr("value", val.myID) 
       .text(val.myText) 
       .appendTo("#myselect"); 
}); 

Answer 1

새 요소를 만들고 스위치를 끄면 어떻게됩니까? 코드가 훨씬 좋네요하지만 너무 느린 경우

var newSelect = $("<select></select>"); 
$.each(myList, function(i, val) { 
    $("<option>").attr("value", val.myID) 
       .text(val.myText) 
       .appendTo(newSelect); 
}); 
$("#myselect").replaceWith(newSelect); 

Answer 2

는 직접 경로에 대한 이동 (내가 jQuery를 사용하기 전에, 과거에 그것을 한 적이, 그리고 IE6를 포함한 모든 브라우저에서 순간이었다). 그냥 html로 제거하여 선택의 모든 자식을 제거합니다

$("#myselect").html(''); 

을 그리고 당신은 각 옵션에 대한 HTML을 만들 수 있도록 루프를 수정하고

$('#myselect').html(optionsHTML); 

를 사용하여 선택에 삽입 성능에 따라, 당신은이 솔루션과 karim79의 솔루션 (즉, html()을 사용하여 옵션을 제거하고 평범한 HTML을 만드는 대신 배열을 사용하여 추가 할 수 있습니다.)을 시도해 볼 수 있습니다.