Ir para conteúdo

POWERED BY:

Arquivado

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

mroos

Ocultar formulário

Recommended Posts

Ola´pessoal to tentando fazer um código que oculta e expande um formulário, quando o código é executado o Label continua aparecendo, já tentei mas não to conseguindo.

 

function expandir_formulario(){ 
if (document.form1.combo1.value == "0"){ 
  	document.form1.combo2.style.display = 'none'; 


} };

 

e como faço para que quando o formulário for carregado já vem com valor de zero, pois a primeira linha do combobox é 0 mas ele só oculta se clicar na aba em que o id é 0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eai amigão, fiz algo para você.

Veja se é isso que desejava.

 

Abraços :thumbsup:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#formulario {
width:500px;
height:500px;
background:#f3f3f3;
padding:20px;
text-align:center;
margin:0 auto;
}

</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#formulario").hide();
$("#cidade").change(function(){
	var valor = $(this).val();
	if(valor == '0')
	$("#formulario").slideToggle('slow');
	else
	$("#formulario").slideToggle('slow');
});
});
</script>
</head>

<body>
<select id="cidade" name="cidade">
<option selected="selected">SELECIONE UM NÚMERO</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>

<form id="formulario">
AQUI SEU FORMULÁRIO
</form>
</body>
</html>

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.