Saltar al contenido
Codifíca.me | Desarrollo web | Programación

Ejemplo de Lista Dropdown hecha con Bootstrap

24 abril, 2019
bootstrap-dropdown

Subo este código qué es un ejemplo de una lista hecha con Bootstrap por si puede ser útil.

Este sería el código javaScript que necesitas añadir:

$(".dropdown-menu li a").click(function(){
  var selText = $(this).text();
  $(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="caret"></span>');
});

Este es el código HTML con la

<h2>Escoge el idioma</h2>
<div class="btn-group">
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">Seleciona un idioma <span class="caret"></span></a>
<ul class="dropdown-menu">
  <li><a href="#">Español</a></li>
  <li class="divider"></li>
  <li><a href="#">Ingles</a></li>
  <li><a href="#">Frances</a></li>
  <li><a href="#">Danes</a></li>					  
</ul>
</div>

Una imagen de cómo quedaría en ejecución:

bootstrap-dropdown