How to change the main display of dropdown when an item is selected in bootstrap

Question

This is the following http://jsfiddle.net/coderslay/enzDx/

I am trying to change the text Select as soon as an item is clicked

So if i select One from the list then One should be displayed.

How to do it?

Answer 1

Working example: http://jsfiddle.net/enzDx/5/

The only change I made to your HTML was to wrap the text "Select" with span tags with the element ID dropdown_title so it was easier to update.

JavaScript:

$('.dropdown-toggle').dropdown();
$('#divNewNotifications li').on('click', function() {
    $('#dropdown_title').html($(this).find('a').html());
});​

Basically all I'm doing is whenever the user clicks on a list item, I update the drop-down title text with the text of the link contained in the last item.