Ocultar Campo

[DiegoEsteves 0]

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Ola pessoal, estou com uma dúvida e gostaria da ajuda de vcs!

 

é o seguinte tenho um formulario e queria com javascript ao cliclar no menu/list estado civil diferente de solteiro ele abrisse uns campos cujo deixaria oculto. Esses campos só apreceriam qndo eu abrisse a caixa do menu/list e selecionasse qualquer nome diferente de solteiro e por default ele ficaria oculto:

 

codigo:

 

<select name="estadoCivil" class="box" style="width:120px" onclick="valida_conjuge('0','1');">

<option value="0" selected="selected"> Selecione... </option>

<option value="1">Soltero(a) </option>

<option value="2">Casado(a) </option>

<option value="3">Divorciado(a) </option>

<option value="4">Viuvo(a) </option>

</select>

</div>

<br />

<div align="justify" id="conjuge" >Nome conjuje:<span class="style1"> ___________________________</span>data de nasc. conjuje:</div>

<div align="left">

<input name="conjuge" type="text" class="box" style="width:275px" />

<span class="style1">___</span>

<input name="nasConju" type="text" onblur="check_date(this,this.value)" "AplicaMascara('XX/XX/XXXX', this);" class="box" size="15" />

</div>

 

 

java script:

 

 

function valida_conjuge(){

var div = document.getElementById('conjuge');

if(div == '0' || div == '1')

{

div.style.display = 'none';

}

else

{

div.style.display = 'block';

}

}

 

fiz dessa forma só q não esta funcionando alguem poderia me dar uma força me dizendo onde estou errando?

 

valeu galera!!

[nakid.mkt 0]

Oi Diego!

 

não sei se é exatamente isso que você quer, mas funciona:

 

CODE

 

<script>

function valida_conjuge(){

opcao = document.getElementById('estadoCivil').value;

if ((opcao==0)||(opcao==1))

document.getElementById('div_conjuje').style.display='none';

else

document.getElementById('div_conjuje').style.display='';

}

</script>

 

 

<select id="estadoCivil" name="estadoCivil" class="box" style="width:120px" onChange="valida_conjuge();">

<option value="0" selected="selected"> Selecione... </option>

<option value="1">Soltero(a) </option>

<option value="2">Casado(a) </option>

<option value="3">Divorciado(a) </option>

<option value="4">Viuvo(a) </option>

</select>

</div>

<br />

 

<div id="div_conjuje" style="display:none">

<div align="justify" id="conjuge" >Nome conjuje:<span class="style1"> ___________________________</span>data de nasc. conjuje:</div>

<div align="left">

<input name="conjuge" type="text" class="box" style="width:275px" />

<span class="style1">___</span>

<input name="nasConju" type="text" onblur="check_date(this,this.value)" "AplicaMascara('XX/XX/XXXX', this);" class="box" size="15" />

</div>

</div>