How to create dropdown menu in bootstrap?

Question

I want to use bootstrap dropdown menu, but problem is that i cant find how to change menu from list to be active?Any suggestion?

<li class="dropdown">
  <?php
    global $easy_translation_manager_plugin;
    $current_lang = $easy_translation_manager_plugin->selectede_lang;
  ?>
  <button class="btn btn-default dropdown-toggle" style="background-color:transparent;color:white;border-right:white;border-bottom:none;boder-left:none;border-top:none;font-weight:bold;" type="button" data-toggle="dropdown"><?php echo ($current_lang == 'en') ? 'EN' : 'BS'; ?>
  <span class="caret" style="color:red;"></span></button>
  <ul class="dropdown-menu">
    <li><a href="<?php echo $url=strtok($_SERVER["REQUEST_URI"],'?'); ?>?lang=<?php echo ($current_lang == 'en') ? 'bs' : 'en'; ?>"><?php echo ($current_lang == 'en') ? 'BS' : 'EN'; ?></a>
    </li>
  </ul>
</li>

madalinivascu · Accepted Answer · 2015-12-14 12:28:28Z

2

Try something like this:

  $( document.body ).on( 'click', '.dropdown-menu li', function( event ) {

      var $target = $( event.currentTarget );

      $target.closest( 'li.dropdown' )
         .find( 'span' ).text( $target.text() )
            .end()
         .children( '.dropdown-toggle' ).dropdown( 'toggle' );

      return false;

   });

jsfiddle: http://jsfiddle.net/e0a1vooc/2/

edited Dec 14, 2015 at 12:28

answered Dec 14, 2015 at 11:58

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

None Over a year ago

its not working... it not change language in dropdown menu again

madalinivascu Over a year ago

you want a option to be selected as a default?

None Over a year ago

i want when user choose something from dropdown it display that as selected value...but when i add text in span i get that new value and old value also

None Over a year ago

w3schools.com/bootstrap/… thats how looks now...its not changing value

Collectives™ on Stack Overflow

How to create dropdown menu in bootstrap?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related