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