2017-05-25 84 views
0

Bootstrap是否提供了一个输入框,还允许从下拉列表中进行选择?Bootstrap 3输入 - “类型”或“从下拉列表中选择”

就像我想搜索Apple并且列表中有12个水果一样,我可以从下拉菜单中选择Apple(无需输入任何内容),或者我可以开始输入Ap ..并显示来自自动下拉。

Bootstrap已经支持这样的事情吗?虽然我没有在docs中找到它。我知道按钮下拉菜单,但正在寻找一个文本框+下拉菜单的组合。

如果不是这样,我可能会弥补一些使用jQuery/A-预输入库/引导的下拉列表中,但它是很好的了解,如果它已经在引导3(甚至四)存在

回答

1

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

+0

美丽!我正要配置现有的typeahead库,以允许在用户点击任何内容时显示列表,但select2似乎更好,因为它也有多个选择框,这对我的用例 – Anupam

+0

非常有用,并且外观像[Chosen](https://github.com/harvesthq/chosen)也很流行。看了这两个后,我想我会用select2,因为我使用的是Django,并且它有一个Django插件 – Anupam

0

是引导提供了这样一种具有输入option.Below下拉列表的是文档 Bootstrap input dropdown

,但如果你想要做的,例如 1.Auto完整的搜索一些行动。 2.dropdown选择 话,很容易通过使用jQuery UI的自动完成功能就可以。看到下面的链接键入或选择从下拉列表中的数据这么做

Jquery ui autocomplete

**您也可以将引导正常通过使用这个下拉到可编辑的下拉列表中

+0

谢谢 - 我实际上是在寻找一个可以作为下拉菜单的文本框,如果用户不愿意输入(并不意味着都内联) – Anupam

+0

我也建议 –