如何使用bootstrap创建自动完成下拉列表?

时间:2017-09-03 22:42:18

标签: jquery ajax twitter-bootstrap-3

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

虽然有关于为按钮创建下拉列表的非常明确的文档,但Bootstrap并未提供有关如何实现我所询问的功能的说明。

如果我以这种方式实现它,我可以按照惯例使用AJAX调用,但是在我点击输入字段后立即显示下拉列表并且我不希望它被显示,除非它被填充自动完成值。

<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>

1 个答案:

答案 0 :(得分:0)

你可以选择使用jquery。点击下面的链接获取更多信息。

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