ocultar campos de un formulario

[toplucho]

estoy haciendo un formulario, y no tenia claro como ocultar algunos campos, me dijeron que javascript. Estoy en ello pero no me funciona el codigo que uso, me da error. A ver si alguien puede corregir el codigo o cederme algo sencillo, un lio las capas estas.

Código PHP:

  <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> 
.... 
.... 
 <table width="93%"  border="0" align="center" cellpadding="2" cellspacing="1"> 
        <tr> 
          <td align="right" bgcolor="#999999" class="style9">Referencia:&nbsp;<br>              </td> 
          <td align="left" bgcolor="#CCCCCC" class="style10">&nbsp; 
              <input name="referencia" type="text" id="referencia" size="6"> 
</td> 
        </tr> 
 
        <SCRIPT> 
            function mostrar_encuesta() { 
                        document.getElementById("div_encuesta").style.display = "none"; 
                        document.getElementById("div_encuesta_prov").style.display = "none"; 
                if (document.form1.tipo.selectedIndex>0) { 
                    if (document.form1.tipo.selectedIndex==4) || (document.form1.tipo.selectedIndex==5) { 
                        document.getElementById("div_encuesta_prov").style.display = "block"; 
                        document.getElementById("div_encuesta").style.display = "none"; 
                    } else { 
                        document.getElementById("div_encuesta_prov").style.display = "none"; 
                        document.getElementById("div_encuesta").style.display = "block"; 
                    } 
                } 
                 
            } 
            </SCRIPT> 
        <tr> 
          <td align="right" bgcolor="#999999" class="style9">Tipo:&nbsp; </td> 
            
          <td align="left" bgcolor="#CCCCCC" class="style10">&nbsp;  
         
             <select onchange=mostrar_encuesta()  name="tipo" id="tipo"> 
             <OPTION value="" selected valign="top">[seleccione una opción]</option> 
            <option>Valladolid</option> 
            <option>Madrid</option> 
            <option>Barcelona</option> 
            <option>Valencia</option> 
            <option>Bilbao</option> 
          </select> </td> 
        </tr>  
  

Pues siempre muestra la parte que solo deberia mostrarse si se ha seleccionado antes el valor 4 o 5, en este caso Valencia o Bilbao. Hago uso de un div pero nada, ni caso.

Código PHP:

  <DIV id=div_encuesta_prov style="DISPLAY: none"> 
<table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
 
          <td align="right" bgcolor="#999999" class="style9">Localidad:&nbsp;</td> 
          <td align="left" bgcolor="#CCCCCC" class="style10">&nbsp;            <input name="localidad" type="text" id="localidad" size="2"></td> 
        </tr>  
   

[JavierB]

Hola toplucho

Mira si te sirve la respuesta que le dí a otro forero:

http://www.forosdelweb.com/f13/funci...select-488118/

Saludos,

[toplucho]

Iniciado por JavierB

Hola toplucho

Mira si te sirve la respuesta que le dí a otro forero:

http://www.forosdelweb.com/f13/funci...select-488118/

Saludos,

Gracias, estuve mirando el ejemplo, pero no lo entiendo del todo. Intente adaptarlo a mi formulario y me daba error, aparte de que no funcionaba.Si tengo 5 valores en el select ¿que tengo que cambiar en lo demas?