如果使用bootstrap的下拉按钮组件，选择下拉列表的li，上面的值不改变是为何？

Question

<div class="input-group-btn">
    <button type="button" id="weight_select" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">mg<span class="caret ml5"></span></button>
    <ul class="dropdown-menu dropdown-menu-right menu_width" id="weight_unit">
        <li>mg</li>
        <li>g</li>
        <li>kg</li>
        <li>ml</li>
        <li>l</li>
    </ul>
</div>

$('.menu_width > li').on('click', function() {
    $('#weight_select').text($(this).text());
})

Answer 1

没有获取元素，类名写错了吧 应该是$('.menu_width > li')bootstrap的组件用错了吧，应该是input-group