在Bootstrap中选择搜索选项

时间:2017-07-31 14:56:52

标签: html css twitter-bootstrap

这是一个很长的镜头,但无论如何我可以在Bootstrap的选择输入中加入搜索按钮吗?我有很多选项,并希望通过搜索功能为我的用户提供灵活性和舒适度。

我找到了一些很好的工具,但我想知道最好的工作是基于比我更有经验的人。

为了进一步明白我的意思,我希望有一个像这样的选择输入: enter image description here

您可以在图片中看到,如果用户输入A,则显示A的国家/地区。

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

1 个答案:

答案 0 :(得分:1)

当您使用bootstrap标记问题时,我假设您不接受其他方法,例如jquery。如果您已导入引导程序,则以下代码应该是您想要的:

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

link提供了更多详细信息。