부트스트랩(Bootstrap) Dropdown 메뉴로 Select 효과 내는 방법

HTML 코드

부트스트랩 공식 사이트에 있는 예제 코드를 그대로 사용하였습니다.

<!-- Single button -->
<div id="example" class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Action <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="javascript:void(0)">Action</a></li>
        <li><a href="javascript:void(0)">Another action</a></li>
        <li><a href="javascript:void(0)">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="javascript:void(0)">Separated link</a></li>
    </ul>
</div>

Javascript 코드

$('#example .dropdown-menu li > a').bind('click', function (e) {
    var html = $(this).html();
    $('#example button.dropdown-toggle').html(html + ' ');
});