html - 在 Bootstrap 中使用搜索选项进行选择

Question

这是一个远景，但无论如何我可以在 Bootstrap 的选择输入中加入一个搜索按钮吗？我有很多选择，并且希望通过搜索功能让我的用户灵活和舒适地浏览整个列表。

我找到了几个很好的工具，但想根据比我更有经验的人了解最好的工具。

为了进一步理解我的意思，我想要一个这样的选择输入:

你可以在图片中看到，如果用户输入 A，就会显示带有 A 的国家/地区。

是否有允许此功能的插件？如果我也可以选择一个选项(类似于 html 中的 selected 属性)，我也希望如此。因此，例如，如果我想通过 html 直接选择“阿根廷”，它应该，但用户可以更改它。

Answer 1

当您使用 bootstrap 标记问题时，我假设您不接受其他方法，例如 jquery。如果你导入了 Bootstrap ，下面的代码应该是你想要的:

<select class="selectpicker" data-live-search="true">
<option>Apples</option>
<option>Boys</option>
<option>Cats</option>
</select>

这link提供了更多详细信息。