如何使用Bootstrap创建自动完成下拉菜单

Question

对于输入字段，我需要创建一个下拉列表，该下拉列表将填充用户输入的自动完成建议，并由AJAX .onkeyup函数显示。

尽管有一个非常清晰的文档有关为按钮创建下拉菜单，但Bootstrap并未提供解释如何实现我要问的功能。

如果我以这种方式实现它，则可以使用AJAX调用，但是在我单击输入字段后立即显示下拉菜单，除非它充满了自动完成值（S），否则我不希望它可见。

<div class="dropdown">
  <input class="form-control dropdown-toggle" data-toggle="dropdown" type="search" id="dropdownSearch" placeholder="Search something...">
  <div class="dropdown-menu" aria-labelledby="dropdownSearch">
    <li>...</li>
  </div>
</div>

Answer 1

您可以使用jQuery选择。单击下面的链接以获取更多信息。

https://harvesthq.github.io/chosen/