jquery - 从 IE6 中的选择中删除选项

Question

我正在尝试重新填充下拉菜单。我正在进行 ajax 调用来检索 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);