evento onchange, usando combo

[rafa-martin 2]

pessoal tenho esse código:<select name="lista" id="select2" onchange="sty1 = document.getElementById('layerFrm1'); sty2 = document.getElementById('layerFrm2'); sty3 = document.getElementById('layerFrm3');if (this.value == 'alagoas') { sty1.style.visibility = 'visible', sty2.style.visibility = 'hidden'};else if (this.value == 'bahia') { sty2.style.visibility = 'visible', sty1.style.visibility = 'hidden'};else {sty1.style.visibility = 'hidden', sty2.style.visibility = 'hidden'}">if (this.value == 'ceara') { sty3.style.visibility = 'visible', sty1.style.visibility = 'hidden'};else {sty1.style.visibility = 'hidden', sty3.style.visibility = 'hidden'}">><option value="alagoas">Alagoas</option><option value="bahia">Bahia</option><option value="ceara">Ceará</option><option value="goias">Goiás</option><option value="minasgerais">Minas Gerais</option><option value="parana">Paraná</option><option value="pernambuco">Pernambuco</option><option value="riodejaneiro">Rio de Janeiro</option><option value="riograndedonorte">Rio Grande do Norte</option><option value="riograndedosul">Rio Grande do Sul</option><option value="santacatarina">Santa Catarina</option><option value="sãopaulo">São Paulo</option><option value="sergipe">Sergipe</option></select><br><div id="layerFrm1" style = "position: absolute; visibility: hidden"> <table width="25%" border="0"><tr><td width="15%"><input name="Texto1" value="alagoas" type="text" size="20"></td><td width="85%">alagoas</td></tr></table></div><div id="layerFrm2" style = "position: absolute; visibility: hidden"> <table width="25%" border="0"><tr><td width="15%"><input name="Texto2" value="bahia" size="20"></td><td width="85%">bahia</td></tr></table></div><div id="layerFrm3" style = "position: absolute; visibility: hidden"> <table width="25%" border="0"><tr><td width="15%"><input name="Texto3" value="ceara" size="20"></td><td width="85%">ceara</td></tr></table></div></td></tr></tbody></table>ou seja, em cada estado que eu clicar vai aparecer alguma coisa. só que eu fiz só de alagoas e bahia. fiz para o ceara, mais não está dando certo. sinceramente não sei qual é o erro. o que pode ser?o que está de errado? Alguém pode me ajudar?Obrigado.

[Salgado 4]

JavaScript, por favor leia a descrição das salas antes de postar.

 

 

Movido.

[fael 1]

Não acha melhor colocar todo esse código dentro de uma função que fica bem mais organizado?Os else estão estranhos, retira o else de bahia e de ceará.

[rafa-martin 2]

mais se eu tirar os else's como eu farei as comparações entre cada estado.mesmo que eu faça um função terei que usar else de qualquer jeito. porque com alagoas e bahia deram certo. Simplesmente estou seguindo a lógica para os outros estados e não dá certo.porque?pode me dar um help?você um exemplo?valeu

[fael 1]

Fiz agora pra ti:

 

ASP [/tr][tr]

<select name="lista" id="select2" onchange="

sty1 = document.getElementById('layerFrm1');

sty2 = document.getElementById('layerFrm2');

sty3 = document.getElementById('layerFrm3');

if (this.value == 'alagoas') {

sty1.style.visibility = 'visible', sty2.style.visibility = 'hidden', sty3.style.visibility = 'hidden'

}

if (this.value == 'bahia') {

sty2.style.visibility = 'visible', sty1.style.visibility = 'hidden', sty3.style.visibility = 'hidden'

}

if (this.value == 'ceara') {

sty3.style.visibility = 'visible', sty1.style.visibility = 'hidden', sty2.style.visibility = 'hidden'

}

"

>

<option value="alagoas">Alagoas</option>

<option value="bahia">Bahia</option>

<option value="ceara">Ceará</option>

<option value="goias">Goiás</option>

<option value="minasgerais">Minas Gerais</option>

<option value="parana">Paraná</option>

<option value="pernambuco">Pernambuco</option>

<option value="riodejaneiro">Rio de Janeiro</option>

<option value="riograndedonorte">Rio Grande do Norte</option>

<option value="riograndedosul">Rio Grande do Sul</option>

<option value="santacatarina">Santa Catarina</option>

<option value="sãopaulo">São Paulo</option>

<option value="sergipe">Sergipe</option>

</select>

 

<br>

 

<div id="layerFrm1" style = "position: absolute; visibility: hidden">

<table width="25%" border="0">

<tr>

<td width="15%"><input name="Texto1" value="alagoas" type="text" size="20"></td>

<td width="85%">alagoas</td>

</tr>

</table>

</div>

<div id="layerFrm2" style = "position: absolute; visibility: hidden">

<table width="25%" border="0">

<tr>

<td width="15%"><input name="Texto2" value="bahia" size="20"></td>

<td width="85%">bahia</td>

</tr>

</table>

</div>

 

<div id="layerFrm3" style = "position: absolute; visibility: hidden">

<table width="25%" border="0">

<tr>

<td width="15%"><input name="Texto3" value="ceara" size="20"></td>

<td width="85%">ceara</td>

</tr>

</table>

</div>

 

</td>

</tr>

</tbody>

</table>

 

 

[/tr]

 

Abraços,

[rafa-martin 2]

valeu cara.