如何在輸入表單中實現自動填充

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> ，因此用戶可以在此處鍵入任何內容。 （更不用說明顯的服務器端對提交值的驗證了。）