Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jtlellis

Problemas com função de hide e show em formulario.

Recommended Posts

Boa tarde,

Pessoal estou com um problema em uma função que fiz para um hide e show de algumas opções de um formulário.

A função é a seguinte:

 

<script language="JavaScript" type="text/javascript">

$(document).ready(function(){

 

if (document.getElementById("ativa_comp").value == "n")

{

$('#comp').hide();

}

else

{

$('#comp').show();

}

});

</script>

 

Os campos do formulário HTML são:

 

<dl>

<dt><label for="ativa_comp">Já é cliente?</label></dt>

<dd>

<select name="ativa_comp" size="1" id="ativa_comp">

<option value="s">Sim</option>

<option value="n" selected="selected">Não</option>

</select>

</dd>

</dl>

<dl id="comp">

<dt><label for="historico">Histórico:</label></dt>

<dd id="hideinfo"><textarea name="historico" rows="5" cols="60"></textarea></dd>

<dt><label for="cobranca">Cobrança:</label></dt>

<dd id="hideinfo"><textarea name="cobranca" rows="5" cols="60"></textarea></dd>

</dl>

 

 

A intenção é: Existe uma opção "Já é cliente?" selecionada por padrão como "Não" que oculta o conteudo da <dl id="comp">, ao selecionar a opção "Sim" deve exibir o conteudo da <dl id="comp">.

O processo funciona porem ao marcar a opção "Sim" preciso dar um F5 na pagina para atualizar e exibir o conteudo oculto.

 

A duvida é:

Como faço para que, ao selecionar "Sim", atualize e exiba o conteudo sem precisar de atualizar a pagina?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi.

 

Tu não definiu um evento nesta página. Abaixo o código que faz o evento pra ti:

 

$(document).ready(function(){
$('#ativa_comp').change(function(){//cria o evento change
var valor = $(this).val(); // pega o valor do teu select
if(valor != "n"){//se a variável valor for diferente de N
	$('#comp').hide();//esconde #comp
}else{//senão
	$('#comp').show();//mostra #comp
}
});//encerramento do evento change
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.