Twitter Bootstrap下拉当前值

Question

即时通讯使用Twitter bootstrap并使用下拉菜单。

所以我的下拉菜单有一个标题和3个选项。

我希望能够使用所选选项的值替换标题

http://jsfiddle.net/jrV6u/30/

我有一些jQuery im使用但它改变了所有下拉选项的值

$('.dropdown-menu li a').click(function(e) 
{ 
    var newHeading = $(this).text();
    $('.dropdown-toggle').html(newHeading);

});

Answer 1

您需要使用直接后代选择器来更改第一个a元素，并在更新HTML后重新附加插入符号：

$('.dropdown-menu li a').click(function (e) {
    var newHeading = $(this).text();
    var $heading = $('.dropdown > a');
    var $caret = $('.caret', $heading);
    $heading.html(newHeading + ' ').append($caret);
});

Updated fiddle

Answer 2

您应该将标题的类名添加到选择器：

$('.dropdown-menu li a').click(function(e) 
{ 
    var newHeading = $(this).text();
    $('.dropdown a.dropdown-toggle').html(newHeading);

});

更新小提琴：http://jsfiddle.net/Kennethtruyers/jrV6u/27/