问高效地将24k个条目加载到选择列表中

EN

对于任何使用下拉框做这件事的人来说，唯一能让它不锁住浏览器的方法就是使用setTimeouts。在chrome中，这运行得很好，但IE可以接受的最低超时是13MS左右，这确实会阻碍加载时间。最重要的是，我(个人)认为这是一个相当丑陋的解决方案…但我想，这总比锁定表单要好。

var i = 0;
function doStuff()
{
// code to execute, ie, add items
i++;
if (i != end of loop)
{
setTimeout(doStuff, 1);
}
setTimeout(doStuff, 1);

我发现的另一个建议是通过使用代码片段或隐藏下拉框(简单地将style.display设置为"none")来避免回流，直到所有项都添加完毕。

您应该设置一个服务，使用类似于服务器端支持的存储将您的项目延迟加载到Select列表中。

如果我要尝试解决这个问题，我会沿着JsonRestStore路线走下去，使用Dojo Toolkit在需要时请求项，然后将它们填充到组合框/筛选选择中。

这里有一些给你的参考资料。

http://livedocs.dojotoolkit.org/dojox/data/JsonRestStore

下面是Filtering Select功能的演示。

作为最后一点，我可能会补充说，将所有这些加载到DOM中总是一个坏主意。你应该使用网格之类的东西，或者在他们输入的时候使用预测器来缩小范围。

我使用的是JsonRestStore，它为一个有大约500万个项目的网格提供动力。我所要做的就是在用户向下滚动页面时加载新项目。当它们滚动时，它检测到我需要从服务器中提取另外25个项目，这将启动一个新的查询，然后将其加载到网格中。

我假设您所说的“选择列表”指的是HTML元素

<select>
  <option>option 1</option>
  ...
  <option>option 24000</option>
</select>

简而言之，选择列表中超过10-15个选项是非常糟糕的可用性。因此，如果这是你的情况，你可能想要重新考虑交互作用，因为即使是火箭科学家也很难从24000个选项中找到并选择正确的选项。