Ver Mensaje Individual
  #5 (permalink)  
Antiguo 03/04/2020, 09:01
augusto_jaramil
 
Fecha de Ingreso: junio-2004
Ubicación: Ciudad de Panama
Mensajes: 551
Antigüedad: 20 años, 5 meses
Puntos: 8
Respuesta: Ocultar DIV dentro de un DIV

El script lo puse a cancionar asi:

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.   <head>
  4.     <script type="text/javascript">
  5.       function SelTipo() {
  6.         document.getElementById('Sec2').style.display = 'block';
  7.       }
  8.     </script>
  9.   </head>
  10.   <body>
  11.     <div id="contenedor" align="center">
  12.       <form name="pruebaDiv" onsubmit="return false" action="return false">
  13.           <section id="Sec1" style="line-height:25px;">
  14.             <table>
  15.               <tr><td>Campo1:</td><td><input type="text"></td></tr>
  16.               <tr><td>Campo2:</td><td><input type="text"></td></tr>
  17.               <tr><td align="right">Tipo:</td><td><select id='tipo' name='tipo' onChange="SelTipo();" required>
  18.                     <option value="" selected>Elija Uno</option>
  19.                     <option VALUE="C">Cliente</option>
  20.                     <option VALUE="P">Proveedor</option>
  21.                     <option VALUE="O">Otro</option>
  22.                   </select>
  23.               </td></tr>
  24.             </table>
  25.           </section>
  26.  
  27.           <section id="Sec2" style="display:none; line-height:25px">
  28.             <table>
  29.               <tr><td>Campo3:</td><td><input type="text"></td></tr>
  30.               <tr><td>Campo4:</td><td><input type="text"></td></tr>
  31.             </table>
  32.           </section>
  33.       <form>
  34.     <div>
  35.   </body>
  36. </html>

De nuevo mil gracias Sr. Triby y Sgr
__________________
El que no sabe y sabe que no sabe, es un ignorante...enseñémosle!. El que no sabe y se cree que sabe, es un necio... ¡ignorémosle!.
El que sabe y sabe que sabe, es un sabio... ¡sigámosle!.