与1000选项中，选择标签 - 性能命中(Select tag with 1000 options

我使用的是被称为选上的插件，它基本上是增加搜索的选择HTML对象。 我加载从AJAX页面的结果。 但是我有很多的附加选择标记选项 - 在成千。 也许这是所选择的插件，但有1000个选项似乎有点laggy。

这会如何影响性能和哪些解决方法？

Answer 1:

取而代之的<select>您可以使用<input> + <datalist> ，它处理1000+的选择非常好。

的jsfiddle

<input type="text" list="your-data-list"/>
<datalist id="your-data-list">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    ...
    <option value="9999">Option 9999</option>
</datalist>

文章来源: Select tag with 1000 options - performance hit