使用bootstrap作为asuggestion box的下拉列表

Question

我想提供谷歌搜索框。根据{{​​3}}中的示例，我尝试了以下内容。

<div id = "listSuggestionsdiv" class = "dropdown">
   <input type = "text" class="someClass, dropdown-toggle" data-toggle="dropdown">
   <ul class = "dropdown-menu" style = "z-index:9999">
   </ul>
</div>

在javascript代码中，我有一个数组 suggestion ，这些值必须显示为 li 元素。

PS：我不需要jquery中的typeahead功能。此外，建议框必须与输入文本框正确对齐。

提前致谢：）

Answer 1

您可以使用datalist。但它仅适用于现代浏览器 查看此文章：http://blog.teamtreehouse.com/creating-autocomplete-dropdowns-datalist-element