jquery - Twitter Bootstrap 下拉列表当前值

Question

我使用 twitter 引导程序并使用下拉菜单。

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

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

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

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

$('.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);
});

更新的小提琴

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/