Html 在引导中选择“使用搜索”选项

Html 在引导中选择“使用搜索”选项,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,这有点遥不可及,但我是否可以在Bootstrap的select输入中加入搜索按钮?我有很多选择,我想给我的用户一个灵活性和舒适性,通过搜索功能浏览整个列表 我发现了一些很好的工具,但我想知道基于比我更有经验的人的最佳工具 为了进一步理解我的意思,我希望有如下选择输入: 您可以在图中看到,如果用户在A中键入,则会显示具有A的国家/地区 是否有允许此功能的插件?如果我也可以选择一个选项(类似于html中的selected属性),我也会喜欢它。因此,例如,如果我想通过html直接选择“阿根廷”,应该

这有点遥不可及,但我是否可以在Bootstrap的select输入中加入搜索按钮?我有很多选择,我想给我的用户一个灵活性和舒适性,通过搜索功能浏览整个列表

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

为了进一步理解我的意思,我希望有如下选择输入:

您可以在图中看到,如果用户在A中键入,则会显示具有A的国家/地区


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

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

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

苹果
男孩
猫

这提供了更多详细信息。

您可以使用@PandhiBhaumik该问题被标记为bootstrap,似乎select2是另一回事。@Tim1234 select2是插件,与bootstrap兼容,就像您提供的链接一样。如果没有bootstrap select插件,示例将无法工作,并且链接已断开,下面是一个有效的示例: