Bootstrap 3输入 - 'type'或'select from dropdown'

时间:2017-05-25 08:46:05

标签: jquery twitter-bootstrap twitter-bootstrap-3

Bootstrap是否已经提供了一个输入框,也允许从下拉列表中进行选择?

如果我想搜索Apple并且列表中有12个水果,我可以从下拉列表中选择Apple(不输入任何内容),或者我可以开始键入Ap ..它会显示来自下拉列表的建议自动。

Bootstrap是否已经支持这样的事情?我没有在docs中找到它。我知道按钮下拉菜单,但查找文本框+下拉列表的组合。

如果没有,我可能会使用Jquery / a-typeahead-library / bootstrap的下拉列表来构建一些东西,但是知道它是否已经存在于Bootstrap 3(甚至4)中会很好

2 个答案:

答案 0 :(得分:1)

有一个名为select2的jQuery插件如果您将其与tags一起使用,它将允许您选择现有标记或通过键入创建一个新标记。它还支持bootstrap主题。

答案 1 :(得分:0)

是bootstrap提供这种带输入选项的下拉列表。下面是文档 Bootstrap input dropdown

但是如果你想做一些动作,例如 1.Auto完整搜索。 2.下拉选择 然后通过使用jquery-ui自动填充很容易,您可以从下拉列表中键入或选择数据。请参阅以下链接

Jquery ui autocomplete

**您还可以使用此

将bootstrap正常下拉列表转换为可编辑的下拉列表