Щелкать выпадающее текущее значение бутстрапа

Question

im используя twitter bootstrap и используя выпадающее меню.

Таким образом, мое выпадающее меню имеет заголовок и 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); 
}); 

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/