Tema: Ocultar selects
Ver Mensaje Individual
  #14 (permalink)  
Antiguo 12/10/2012, 10:28
Avatar de jlct
jlct
 
Fecha de Ingreso: abril-2012
Ubicación: Venezuela
Mensajes: 148
Antigüedad: 12 años
Puntos: 19
Respuesta: Ocultar selects
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Selects Ocultos</title>
  6. <script language="javascript">
  7. function mostrar()
  8. {
  9.     if(document.getElementById('combo').value!=0)
  10.     {
  11.         document.getElementById('contenido').style.display ='block';
  12.         if(document.getElementById('combo2').value!=0)
  13.         {
  14.             document.getElementById('contenido2').style.display ='block';
  15.         }
  16.     }
  17. }
  18. </script> 
  19. </head>
  20.  
  21. <body>
  22. <select id="combo" onchange="mostrar()" />
  23. <option value="0">Seleccione Item</option>
  24. <option value="1">Valor 1</option>
  25. <option value="2">Valor 2</option>
  26. <option value="3">Valor 3</option>
  27. </select>
  28.  
  29. <div style="display: none;" id="contenido">
  30. <select id="combo2" onchange="mostrar()" />
  31. <option value="0">Seleccione Item</option>
  32. <option value="1">Valor 1</option>
  33. <option value="2">Valor 2</option>
  34. <option value="3">Valor 3</option>
  35. </select>
  36. </div>
  37. <div style="display:none" id="contenido2">
  38. <input type="text" value="" id="texto" />
  39. </div>
  40. </body>
  41. </html>

Este es un script sencillo pero que realiza lo que necesitas!