使用长项列表，jQuery UI自动完成变得非常慢

Question

我有一个大约8,000个项目的列表（从MySQL加载），我创建了一个简单的HTML选择字段来加载所有这些项目，但每次加载时间超过10-15秒。然后我将其更改为jQuery自动完成，这比简单的选择字段要好得多，但每次延迟仍然是8-10秒。有没有办法减少加载时间？

我尝试使用此方法jQuery UI Autocomplete Combobox Very Slow With Large Select Lists，但它不会影响加载速度

Answer 1

你也可以试试html5 datalist

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

您还可以尝试轻量级js http://leaverou.github.io/awesomplete/

Answer 2

datalist的问题在于它目前无法设置风格...... W3设计师的一个惊人的疏忽。

否则，它比具有数千个列表项的jq-ui自动完成更快。