在下拉列表中選擇項目並更改單詞

Question

對不起，在標題中對此進行了嚴重的解釋。

我想要做的事情基本上就像一個滑塊。它應該看起來像這樣： http://screencast.com/t/9q5uQlYBoViD（bootstrap）。

但是，下拉標題應該根據選擇而改變。例如， ;我點擊下拉菜單，點擊第二項，下拉標題（在圖片中名爲「Dropdown 2」）發生變化，併成爲我點擊的項目的名稱。

我與目標是建立類似： 視聽內容：天氣 用戶可以從天氣改變體育，新聞等。我將獲取從DB等

正確的內容

從bootstrap的文檔，它不能告訴我如何做到這一點。我怎麼能夠？

感謝

Answer 1

我不知道你已經嘗試什麼樣的代碼，但你可以通過處理下拉菜單單擊事件做到這一點。 例如，單擊下拉時，這將設置第一個項目的內容：

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

這裏是一個演示： Bootply