2017-07-31 93 views
0

这是一种远射,但无论如何,我可以在Bootstrap的选择输入中包含搜索按钮吗?我有很多选择,并希望为我的用户提供灵活和舒适的搜索功能来浏览整个列表。在Bootstrap中选择并搜索选项

我发现了一些很好的工具,但想知道基于比我有更多经验的人最好。

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

您可以在图片中看到,如果用户键入A,其中A显示了国家。

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

+3

你可以使用[select2](https://select2.github.io/) – Webinion

+0

@PandhiBhaumik问题标签为bootstrap,看起来select2是另一回事。 – Tim1234

+1

@ Tim1234 select2是插件,与引导程序兼容,就像您提供的链接[bootstrap-select](https://silviomoreto.github.io/bootstrap-select/) – Webinion

回答

1

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

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

link提供更多的细节。

+0

does not work with 4它似乎 – PirateApp