javascript - 在下拉列表中选择项目并更改单词

Question

很抱歉仅在标题中对此进行了不好的解释。

我想做的基本上感觉就像一个滑块。它应该如下所示： http ://screencast.com/t/9q5uQlYBoViD （引导程序）。

但是，下拉标题应根据选择而改变。例如; 我单击下拉菜单，然后单击第二个项目，下拉标题（在图像中称为“下拉菜单 2”）更改并成为我单击的项目的名称。

我的目标是构建类似：查看内容：天气用户可以从天气更改为体育、新闻等，我将从数据库等中获取正确的内容。

从引导程序的文档中，它并没有告诉我如何做到这一点。我怎样才能？

谢谢

Answer 1

我不知道你试过什么代码，但你可以通过处理下拉点击事件来做到这一点。例如，这将在单击下拉菜单时设置第一项的内容：

$(".dropdown-menu li a").click(function(){
  $(".btn:first-child").html($(this).text()+' <span class="caret"></span>');
});

这是一个演示： Bootply