javascript - 如何使用 javascript 将大量选择选项移动到另一个选择控件？

Question

我在决斗列表框控件上方有一个链接，它是“全选”。功能是移动 <select>从一个选择到另一个选择的选项。

jQuery 从源移动到目标并且运行良好，但现在源中有超过 100,000 条记录 <select> , 并导致一个

Uncaught RangeError: Maximum call stack size exceeded

在 Chrome 中和在 Firefox 中无响应的脚本弹出窗口。这是 jQuery:

$('#' + source + ' option').remove().appendTo('#' + destination).removeAttr('selected');

有没有一种方法可以限制对浏览器的影响，并且不会导致大量 <option> 出现问题？是吗？

Answer 1

我没有足够的声誉来发表评论，但想加入讨论。我什至无法构建一个可以使用 jquery 在谷歌浏览器中打开的选择语句。我的代码是

function selectBuild() {
html = '<select id="select1">';
for (i=0;i<100001;i++) {
    html += '<option>' + i + '</option>';
}
html += '</select>';
$('#selectdiv').html(html);
html ='';
}

也许您可以将所有选项迭代到一个数组并重新打印该数组？类似

var options = new Array();
$('#'+source+' option').each(function() { options.push($(this).val()); });
html = '<select id="' + destination + '">';
$(options).each(function(index,value) { html+='<option>'+value+'</option>'; });
html += '</select>';

$('#div').html(html);