javascript - 选择带有 1000 个选项的标签 - 性能下降

Question

我正在使用一个名为 Chosen 的插件，它基本上将搜索添加到一个选择的 html 对象。我从 ajax 页面加载结果。但是，我在选择标签上附加了很多选项——大约一千个。也许它是选择的插件，但有 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>