[Resuelto] dropdown bootstrap jquery

Iniciado por basickdagger, 10 Febrero 2016, 17:37 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

basickdagger

10 Febrero 2016, 17:37 PM Ultima modificación: 15 Febrero 2016, 18:43 PM por #!drvy
Disculpen tenia un problema de conflicto, lo solucione con noConflict()  :silbar:



hola a todos,

tengo un pequeño problema, buscando por la web estaba viendo los dropdown de bootstrap
pero no he podido hacerlo funcionar, lo que quiero es q si selecciono una opción esta se mantenga a la vista, tomando como ejemplo el código de w3schools,
quisiera que al seleccionar "HTML" la palabra "dropdown example" se cambie por la seleccionada en este caso "HTML", no he logrado hacer que funcione ni si quiera un alert con el evento click de jquery y ando un poco enredado, alguno pudiera ayudarme o echarme un "zelda" para ver algun ejemplo... saludos!

Código (html4strict) [Seleccionar]

<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">

 <div class="dropdown">
   <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
   <span class="caret"></span></button>
   <ul class="dropdown-menu">
     <li><a href="#">HTML</a></li>
     <li><a href="#">CSS</a></li>
     <li><a href="#">javascript</a></li>
   </ul>
 </div>
</div>

</body>
</html>
Imprimir
Ir Arriba Páginas1
Acciones del Usuario