elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Curso de javascript por TickTack


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Resuelto] dropdown bootstrap jquery
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Resuelto] dropdown bootstrap jquery  (Leído 1,551 veces)
basickdagger


Desconectado Desconectado

Mensajes: 650


System.out.println("this is weird as fuck");


Ver Perfil
[Resuelto] dropdown bootstrap jquery
« en: 10 Febrero 2016, 17:37 pm »

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
  1. <!DOCTYPE html>
  2.  <meta name="viewport" content="width=device-width, initial-scale=1">
  3.  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  4.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  5.  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  6. </head>
  7.  
  8. <div class="container">
  9.  
  10.  <div class="dropdown">
  11.    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
  12.    <span class="caret"></span></button>
  13.    <ul class="dropdown-menu">
  14.      <li><a href="#">HTML</a></li>
  15.      <li><a href="#">CSS</a></li>
  16.      <li><a href="#">javascript</a></li>
  17.    </ul>
  18.  </div>
  19. </div>
  20.  
  21. </body>
  22. </html>
  23.  
  24.  
  25.  


« Última modificación: 15 Febrero 2016, 18:43 pm por #!drvy » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Facilitar Maquetacin-> Bootstrap, Jquery,Angularjs,etc
Desarrollo Web
nevermind2403 4 2,737 Último mensaje 7 Enero 2014, 17:20 pm
por #!drvy
[Resuelto] Inicializar bootstrap-tooltip en Bootstrap v3.0.3
Desarrollo Web
DarK_FirefoX 0 2,893 Último mensaje 6 Abril 2015, 17:28 pm
por DarK_FirefoX
BootStrap 3 sin Jquery [CODE]
Desarrollo Web
Maurice_Lupin 3 1,890 Último mensaje 21 Abril 2015, 02:09 am
por EFEX
cambios en css con cdns de bootstrap i jquery
Desarrollo Web
Patrick Bateman 3 1,473 Último mensaje 12 Noviembre 2016, 01:59 am
por Patrick Bateman
[Resuelto] Duda con Modal en bootstrap
Desarrollo Web
Ali Baba 2 3,362 Último mensaje 1 Enero 2017, 19:19 pm
por Ali Baba
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines