[Resolvido] Evento com List

[Hellvix 0]

Pessoal, eu possuo o seguinte código para exibir uma DIV:

 

<script>
function AbreMenu(nome_div)
{
var div = "";
var menus = 3;
for (var i=1; i < menus; i++)
{
div = "div"+i;
document.getElementById(div).style.display = "none"; 
	if (div == nome_div)
	{
	document.getElementById(nome_div).style.display = "block"; 
	}
}
}
</script>

 

 

E também possuo o seguinte código na List:

 

<label>Escolha:</label>
<select name="plano" id="plano" onchange="javascript:AbreMenu('div1')">
<option value=""> - Selecione uma opção - </option>
<option value="X">X</option>
<option value="Y">X</option>
</select>

 

 

O que eu queria fazer, é que quando eu selecionasse a opção X a DIV aparecesse, e não quando eu selecionasse qualquer uma delas, como é o que tem ocorrido.

[lucasao 5]

<select name="plano" id="plano" onchange="if (this.value == 'X') {AbreMenu('div1')}"> 
<option value=""> - Selecione uma opção - </option> 
<option value="X">X</option> 
<option value="Y">X</option> 
</select>

[Hellvix 0]

<select name="plano" id="plano" onchange="if (this.value == 'X') {AbreMenu('div1')}"> 
<option value=""> - Selecione uma opção - </option> 
<option value="X">X</option> 
<option value="Y">X</option> 
</select>

 

 

Não funcionou. :/

[William Bruno 1501]

http://code.imasters.com.br/index.php?/topic/133-ocultarexibir-elementos-apartir-de-acao-em-radioselect/

[lucasao 5]

Testei e funcionou sim. Talvez você se confundiu com isso, não?

<option value="X">X</option>  
<option value="Y">X</option>

 

Você tem 2 option com Texto idênticos, mas os valores são diferentes.

[Hellvix 0]

Edição:

 

 

Consegui fazer funcionar.

Muito obrigado, Lucas e William. Vou implementar o código que o William referenciou junto com o que o Lucas me passou pra melhorar o meu.

[lucasao 5]

Fiz uma alteraçãozinha, talvez ajude:

<script> 
function AbreMenu(nome_div, open) 
{ 
var div = ""; 
var menus = 3; 
       for (var i=1; i < menus; i++) 
       { 
       div = "div"+i; 
       document.getElementById(div).style.display = "none";  
               if (div == nome_div && open) 
               { 
               document.getElementById(nome_div).style.display = "block";  
               } 
       } 
} 
</script> 



<label>Plano escolhido:</label> 
<select name="plano" id="plano" onchange="if (this.value == 'Vip Silver') {AbreMenu('div1', true)} else {AbreMenu('div1', false)}"> 
<option value=""> - Selecione um plano - </option> 
<option value="Vip Silver">Vip Silver</option> 
<option value="Vip Gold">Vip Gold</option> 
</select> 

 <div class='post-footer' id='div1' style='display:none' > 

       <label>Dias do plano escolhido:</label> 
       <select name="dias" id="dias"> 
       <option value=""> - Selecione os dias - </option> 
       <option value="30">1 mês</option> 
       <option value="60">2 meses</option> 
       <option value="90">3 meses</option> 
       <option value="180">6 meses</option> 
       <option value="365">1 ano</option> 
       </select> 
 </div> 
<br /> 
<br />

[Hellvix 0]

Fiz uma alteraçãozinha, talvez ajude:

 

Ajudou sim, Lucas.

 

Muito obrigado pela atenção e ajuda.

 

 

Abraço. Té mais.