Olá pessoal, sou novo por aqui e estou com uma duvida, tenho um cadastro de pessoas e coloquei duas div para esconder parte do meu formulario, uma div para pessoa fisica e outra div para pessoa juridica, mas não estou conseguindo configurar o javascript para fazer essa mudança na pagina. Se alguem puder me ajudar eu fico muito agradecido. Segue o codigo.
function montarDiv(){
var tipoPessoa = document.getElementById(“tipoPessoa”);
var idTipoPessoa = tipopessoa.options[tipopessoa.selectedIndex].value;
if(idTipoPessoa == "F"){
document.getElementById("divPessoaFisica").style.display = "block";
document.getElementById("divPessoaJuridica").style.display = "none";
}else if(idTipoPessoa == "J"){
document.getElementById("divPessoaJuridica").style.display = "block";
document.getElementById("divPessoaFisica").style.display = "none";
}else{
document.getElementById("divPessoaJuridica").style.display = "none";
document.getElementById("divPessoaFisica").style.display = "none";
}
}
<html:select property=“tipopessoa” styleId=“tipopessoa” onchange=“montarDiv();” >
<html:option value="">
</html:option>
<html:option value=“F”>
Pessoa Fisica
</html:option>
<html:option value=“J”>
Pessoa Juridica
</html:option>
</html:select>
<!-- ################ DIV - PESSOA FISICA ################## -->
<div id=“divPessoaFisica” style=“display : none;”>
…contedudo pessoa fisica
</div>
<!-- ################ DIV - PESSOA JURIDICA ################## -->
<div id=“divPessoaJuridica” style=“display : none;”>
conteudo pessoa juridica
</div>