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

标签 javascript jquery-chosen

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

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

最佳答案

而不是 <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>

关于javascript - 选择带有 1000 个选项的标签 - 性能下降,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11561200/

相关文章:

javascript - 使用 js 选中/取消选中所有复选框

javascript - angularjs FormGroup有效为真但返回假

javascript - 在 Django html 模板中包含 html、css、js 小部件

javascript - Jquery 选择按名称或 ID 删除属性

jquery - 选择的插件更改事件未触发

javascript - jQuery 平滑滚动到页面的特定部分?

javascript - .slideToggle 嵌套 ajax 中继器

javascript - 如何在搜索过滤后选择 jQuery Chosen 多选中的所有选项?

javascript - 如何使用 jquery selected multiple select 用 flask 捕获 html 表单输入

ruby-on-rails - Ransack Gem Rails 和多选