1

我必须让 ul 表现得像一个下拉菜单。我正在尝试使用以下代码。如果我从 ul 中选择一个值，它会写入，selected_category但如果我想从 ul 中更改所选值，我不能。我哪里错了？

$(function() {
 $( document.body ).on( 'click', '.category_dropdown li', function( event ) {
 
   var $target = $( event.currentTarget );
 

   $target.closest( '.btn-group' )
      .find( '#selected_category' ).text( $target.text() )
         .end()
      .children( '.category_dropdown' ).dropdown( 'toggle' );
 
   return false;
 
});



});
            <div class="btn-group">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                   <span id="selected_category"></span>
                    <span class="caret" id="caret_black"></span>
                </a>
                <ul class="dropdown-menu category_dropdown">
                    <li class="category_select" >
                        <a href="#">
                             Choose
                        </a>
                     </li>

                    <li>
                        <a href="#"
                            Value 1
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Value 2
                        </a>
                    </li>
                </ul>
            </div>

4

0 回答 0