如何在输入表单中实现自动填充

Question

我有一个ArrayList<String> products ，将它们加载到输入文本

<select class="form-control">
  <option id="AL9001">AL9001</option>
  <option id="AV8932">AV8932</option>
  <option id="BVE0932">BVE0932</option>
  etc...
</select>

ArrayList的大小很大（2000个元素），所以向下滚动2000个元素以查找所需的内容并不是那么容易。我如何实现自动填充功能，在该功能中，用户开始进行写操作，可能的元素是我搜索了一下，但发现只有一个html属性autocomplete ，不适用于我的情况。

我发现的另一个解决方案是solr ，它可能适合我的项目使用Tomcat和jsps构建的情况。还有其他方法可以实现此功能吗？

Answer 1

使用数据列表 HTML5元素或jQuery-ui 自动完成小部件（如果需要支持旧的浏览器）。 我还建议在提交之前验证输入，因为数据列表和自动完成功能仅适用于<input>而不适用于<select> ，因此用户可以在此处键入任何内容。 （更不用说明显的服务器端对提交值的验证了。）