Bootstrap 下拉所选项目

Question

我最近开始使用 Bootstrap，并且正在研究下拉菜单功能。

我不知道我是否遗漏了某些内容，但我认为下拉菜单按钮应该显示已选择的内容。例如，如果我有以下下拉列表

Select Item <---This is the button
-Item 1 <---This is the item
-Item 2 <---This is the item
-Item 3 <---This is the item

如果用户选择“项目 1”，那么我希望按钮文本更改为“项目 1”，以便用户知道选择了什么，而在我的下拉菜单中，当用户单击该项目时，下拉菜单会关闭，并且文本不会关闭不改变。这似乎是应该发生的基本事情，所以我认为我遗漏了一些东西，但是，Bootstrap 网站上的示例似乎显示了同样的事情，事实上它做到了这一点，我看不到下拉菜单的意义。

当谷歌搜索这个问题时，唯一的实现似乎是冗长而复杂的javascript来完成我期望发生的事情，这是正确的还是我在某个地方遗漏了一些东西？

Answer 1

根据您的描述，您想要的功能是一个选择框。引导下拉菜单更多地用于折叠列表（想想导航栏）。

您可以使用像 bootstrap-select 这样的插件，或者您可以编写自己的功能（我建议编写您的功能）。

这是一个模拟选择框的小模型： https://jsfiddle.net/eanzfcu1/

基本上，您只是在监听列表中的项目，然后将文本更改onclick为的任何内容。liulli