选择具有1000个选项的标记 - 性能命中

Question

我正在使用名为Chosen的插件，它基本上将搜索添加到选择的html对象。 我从ajax页面加载结果。 但是我在select标签上附加了很多选项 - 大约一千个。 也许它是选择的插件，但有1000个选项似乎有点滞后。

这将如何影响性能以及解决方法是什么？

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>