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

时间:2013-06-01 00:00:47

标签: javascript css twitter-bootstrap

很抱歉在标题中对此进行了严厉的解释。

我想做的事情基本上就像一个滑块。它应该如下所示: http://screencast.com/t/9q5uQlYBoViD(引导程序)。

但是,下拉标题应根据选择进行更改。 例如;我点击下拉列表,我点击第二个项目,下拉标题(在名为“Dropdown 2”的图像中)发生变化,并成为我点击的项目的名称。

我的目标是建立像: 查看内容:天气 用户可以从天气更改为体育,新闻等,我将从数据库等中获取正确的内容。

从bootstrap的文档来看,它没有告诉我如何做到这一点。我怎么能?

由于

1 个答案:

答案 0 :(得分:0)

我不知道您尝试了哪些代码,但您可以通过处理下拉单击事件来执行此操作。 例如,这将在单击下拉列表时设置第一个项目的内容:

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

这是一个演示: Bootply