如果使用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

1. 没有获取元素，类名写错了吧 应该是$('.menu_width > li')
   

2. bootstrap的组件用错了吧，应该是input-group