直接上代码
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="buttonText">默认</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" onclick="shows($(this).text())">功能</a></li>
<li><a href="#" onclick="shows($(this).text())">另一个功能</a></li>
<li><a href="#" onclick="shows($(this).text())">其他</a></li>
<li><a href="#" onclick="shows($(this).text())">分离的链接</a></li>
</ul>
</div>
添加js代码:
function shows(a) { $('.buttonText').text(a) }
加入bootstrap jquery样式即可实现。