Tema: No se actualiza el desplegable
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/06/2011, 07:15
Blashak
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 17 años, 4 meses
Puntos: 2
Respuesta: No se actualiza el desplegable
Buenas,

Me había dejado algunas cosas:D.

Código HTML: 
Ver original
  1. <html>
  2.  
  3. <head>
  4. <script> 
  5.  
  6.  
  7. function mostrar_ocultar() {
  8.     if (document.formulario.accion.value == "0"){ 
  9.         document.getElementById('nombre_capa').style.display = "none"; 
  10.         document.getElementById('nombre_capa_general').style.display = "none";
  11.     }else{
  12.         if (document.formulario.accion.value > "0" && document.formulario.accion.value < "4") { 
  13.             document.getElementById('nombre_capa').style.display = "block"; 
  14.         }else{
  15.             if(document.formulario.accion.value == "4"){
  16.             document.getElementById('nombre_capa_general').style.display = "block";
  17.             document.getElementById('nombre_capa').style.display = "none"; 
  18.             }
  19.         }
  20.     } 
  21. }
  22.  
  23.  
  24.  
  25. </script> 
  26. </head>
  27. <body>
  28. <table border='1'>
  29. <tr>
  30. <td width="152">
  31. <form name="formulario" id="formulario"> 
  32. <select name="accion" id="accion" onChange="javascript:mostrar_ocultar()"> 
  33. <option name="accion" id="accion" value="0">- Selecciona una opcion -</option> 
  34. <option name="accion" id="accion" value="1">Opción 1</option> 
  35. <option name="accion" id="accion" value="2">Opción 2</option> 
  36. <option name="accion" id="accion" value="3">Opción 3</option> 
  37. <option name="accion" id="accion" value="4">Principal</option> 
  38. </select> 
  39. </form> 
  40. </td>
  41. </tr>
  42. </table>
  43. <p>
  44. <br>
  45. <p>
  46.  
  47.  
  48. <table border='1' name="nombre_capa" id="nombre_capa" style="display: none;">
  49.     <tr>
  50.     <td width="152">
  51.     <select name="select">
  52.     <option>A1</option>
  53.     <option>A2</option>
  54.     <option>A3</option>
  55.     <option>A4</option>
  56.     </select>
  57.     </td>
  58.     </tr>
  59.  
  60.  
  61.     <div id="test2">
  62.     <tr>
  63.     <td width="152">
  64.     <select name="select2">
  65.     <option>B1</option>
  66.     <option>B2</option>
  67.     <option>B3</option>
  68.     <option>B4</option>
  69.     </select>
  70.     </td>
  71.     </tr>
  72.     </div>
  73.  
  74.     <div id="test3">
  75.     <tr>
  76.     <td width="152">
  77.     <select name="select3">
  78.     <option>C1</option>
  79.     <option>C2</option>
  80.     <option>C3</option>
  81.     <option>C4</option>
  82.     </select>
  83.     </td>
  84.     </tr>
  85.     </div>
  86.  
  87.     <tr>
  88.     <td>
  89.     <input type='submit' value='Ver' name='Ver' style='font-family: Tahoma; font-size: 10pt'></font></p>
  90.     </form>
  91.     </td>
  92.     </tr>
  93. </table> 
  94.  
  95.  
  96.  
  97. <table border='1' name="nombre_capa_general" id="nombre_capa_general" style="display: none;">
  98.     <tr>
  99.     <td width="152">
  100.     <select name="select">
  101.     <option>Z1</option>
  102.     <option>Z2</option>
  103.     <option>Z3</option>
  104.     <option>Z4</option>
  105.     </select>
  106.     </td>
  107.     </tr>
  108.     <tr>
  109.     <td>
  110.     <input type='submit' value='Ver' name='Ver' style='font-family: Tahoma; font-size: 10pt'></font></p>
  111.     </form>
  112.     </td>
  113.     </tr>
  114. </table> 
  115.     
  116.  
  117. <body>
  118. </body>
  119. </html>



saludos