ocultando divs

[homosapiens]

escrevi um codigo javascript na tentadiva de ocultar div e exibir outra div conforme uma opcao escolhida dentro de 1 <select, utilizando o evento onchange, no entanto não faz nada, nem sequer ta ocultando quando entra na pagina, criei um pastebin do codigo, que se encontra em :

pastebin

Sera que alguém poderia dizer onde foi que errei? obrigado.

[vini_loock]

você já tentou fechar as tags <option>??

[Romerito]

i aew homosapiens, estude um pouco mais o conceito de div, você não pode utilizar div dessa maneira, bom mas vou dar um exemplo de como você pode fazer:

remova as divs das que vocẽ deixou dentro da tabela e coloque dentro das todos, dessa maneira:

<tr>
   <td>
	<div class=fisica name=fisica style="visibility:hidden">
			<p style='font-family: Tahoma, Verdana; font-size: 10pt; color: black;'>&nbsp;CPF&nbsp;</p>
	</div>
   </td>
   <td>
	<div class=fisica name=fisica style="visibility:hidden">
			<input type=text name=cpf size=30 maxlength=14 class=formFields>
	</div>
   </td>
  </tr>
  <tr>
   <td>
	<div class=fisica name=fisica style="visibility:hidden">
		<p style='font-family: Tahoma, Verdana; font-size: 10pt; color: black;'>&nbsp;RG&nbsp;</p>
	</div>
   </td>
   <td>
	<div class=fisica name=fisica style="visibility:hidden">
			<input type=text name=rg size=30 maxlength=18 class=formFields>
	</div>
   </td>
  </tr> 
  <tr>
   <td>
	<div class=juridica name=juridica  style="visibility:hidden">
		<p style='font-family: Tahoma, Verdana; font-size: 10pt; color: black;'>&nbsp;CNPJ&nbsp;</p>
	</div>
   </td>
   <td>
	<div class=juridica name=juridica  style="visibility:hidden">
		<input type=text name=cnpj size=30 maxlength=18 class=formFields>
	</div>
   </td>
  </tr>
  <tr>
   <td>
	<div class=juridica name=juridica  style="visibility:hidden">
			<p style='font-family: Tahoma, Verdana; font-size: 10pt; color: black;'>&nbsp;IE&nbsp;</p>
	</div>
   </td>
   <td>
	<div class=juridica name=juridica  style="visibility:hidden">
		<input type=text name=ie size=30 maxlength=18 class=formFields>
	</div>
   </td>
 </div>  
  </tr>

e altere a função para;

function mostrar(opcao) {
    var oTabela = document.getElementById("tableForm");
    
    var oDivs = oTabela.getElementsByTagName("div");

    for ( i in  oDivs ){
        if( opcao == "0" ) {
            oDivs[i].style.visibility = (oDivs[i].getAttribute("class") == "fisica" ) ? "visible" : "hidden";
        } else if ( opcao == "1" ){
            oDivs[i].style.visibility = (oDivs[i].getAttribute("class") == "fisica" ) ? "hidden" : "visible";
        } else {
            oDivs[i].style.visibility = "hidden";
        }
    }
 }

espero que ajude, abraço!

Editado Março 14, 2011 por Romerito