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



saludos