jquery - 删除下拉选项性能问题

Question

我需要知道从下拉列表中删除数百个选项的最快方法。

现在，Firefox 更新我的第二个下拉动态列表的速度非常慢。 Chrome 对该脚本的处理没问题，但我需要加快删除速度:

<select id="myDropDown" name="myDropDown">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
... all the way to let's say 500
</select>

重新填充它是一件轻而易举的事。我有一个 json 解析器，它创建 <option></option> 字段。

我已经尝试过:

.remove()
.children().remove()   
.empty()

它们在删除数百个选项时都有同样缓慢的表现。我有什么遗漏的吗？

Answer 1

你尝试过循环它们吗？

$('#myDropDown option').each(function(i, option){ $(option).remove(); });

您可以通过跟踪 i 的值来指定哪些。