javascript - 在 Bootstrap 中选择项目时如何更改下拉菜单的主要显示

Question

这是以下http://jsfiddle.net/coderslay/enzDx/

我正在尝试在单击某个项目后立即更改文本选择

因此，如果我从列表中选择 One，则应显示 One。

怎么做？

Answer 1

工作示例:http://jsfiddle.net/enzDx/5/

我对您的 HTML 所做的唯一更改是用元素 ID 为 dropdown_title 的 span 标签将文本“Select”包裹起来，这样更新起来更容易。

JavaScript:

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

基本上我所做的就是每当用户单击列表项时，我都会使用最后一项中包含的链接文本更新下拉标题文本。