Question

我有一个请求，我需要在分页结果集中创建带有页码的下拉列表。结果有200.000页，因此下拉列表将有200.000个选项。（不要问为什么......这是规范:)）。

当我在我的jquery代码中运行for循环以执行200.000iterations并添加许多选项时，页面变得非常慢（Internet Explorer停止响应）。

有没有使用jQuery在下拉列表中添加选项的优化方法？

我现在所做的是：

for (var i=1; i<= pages ;i++) {
    select.options[i] = new Option(i, i);
}

Answer 1

for (var i=1; i<= pages ;i++) {
$('#yourddl').append($('<option>', { 
        value: value,
        text : value 
    }));
}

这是一个示例

$("#btn").click(function () {
    for (var i = 0; i < $('#tst').val(); i++) {
        $('#yourddl').append($('<option>', {
            value: i,
            text: i
        }));
    }
});

Fiddle Link

下拉列表中的jquery add选项

1 个答案: