ocultar y mostrar getElementById

[hdssegado]

Hola, tengo un select en un formulario con dos opciones:

Código:

  <html:select property="filtrar" onchange="javascript:cambiar()">
     <option  id="contrato" >Contrato</option>
     <option  id="cliente">Cliente</option>
  </html:select>

y necesito q se me oculte cuando seleccione Cliente una caja de texto q tengo mas abajo:

Código:

  <tr id="ocultar">
     <td><SPAN id="anuncio">Estado</SPAN></td>
     <td><html:text property="estado" ></html:text></td>
  </tr>

he exo una funcion q esta mal q m la oculta pero luego cuando vuelvo a selecconar Contrato no m la vuelve a mostrar, este es es script:

Código:

 
     function cambiar(){
        if (document.getElementById("contrato").value){
            document.getElementById("ocultar").style.visibility="visible";
        }
        else{
            document.getElementById("ocultar").style.visibility="hidden";
        }
      }

alguien me puede ayudar por favor?

[pinchoso]

Haz los siguientes cambios, teoricamente deberia funcionarte.

Código:

 
<form name="miform"> 
<select name="miselect" property="filtrar" onchange="javascript:cambiar()">
<option value="contrato" >Contrato</option>
<option value="cliente">Cliente</option>
</select>
</form>
 
function cambiar(){
       if (document.miform.miselect.selectedIndex==0)
{
            document.getElementById("ocultar").style.visibility="visible";
        }
        else{
            document.getElementById("ocultar").style.visibility="hidden";
        }
      }

[hdssegado]

muxisimas gracias y si quiero cambiar el texto d una etiqueta a la vez q se me oculta el <tr> cuando selecciono cliente?

[pinchoso]

Si te refieres a el texto que hay dentro de un input type="text" haces:

dentro del else:

document.miform.elnombredemiinput.value="mitexto";