Ir para conteúdo

Arquivado

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

Hugo Borges_120734

desabilitar input com select jQuery

Por , em Javascript

Recommended Posts

Hugo Borges_120734    6

Hugo Borges_120734
Postado

Galera tenho uma função que ao clicar no link ele habilita ou desabilita um input.

 

Mas preciso mudar este link para um select, ou seja. Se selecionar a opção 1 ele habilita o input.

 

Segue o código:

<html>
<head>
<script type="text/javascript" 
       src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
	// campo desabilitado
	$('#campo1').attr("disabled", true);

 
	$("#enable").click(function (){ 
		// habilitando o campo
		$('#campo1').attr("disabled", '');
	
	});

	$("#disabled").click(function (){ 
		// habilitando o campo
		$('#campo1').attr("disabled", true);
	
	});
});
</script>
</head>
<body>
Entre com os dados: 
   <input type="text" id="campo1" name="campo1" /> 



   <a href="#" id="enable" />Habilitar campo</a>

 <a href="#" id="disabled" />Desabilita campo</a>
</body>
</html>

Alguém pode me ajudar com isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hugo Borges_120734    6

Hugo Borges_120734
Postado

achei a solução :)

<html>
	
	<head>
		<title> Lady </title>
		<script type="text/javascript">
			function mostraDiv(valor)
			{
				if(valor == "fundamental")
				{
					document.getElementById("fundamental").style.display = "block";
					document.getElementById("medio").style.display = "none";
					document.getElementById("superior").style.display = "none";
		
				}
				
				else if(valor == "medio")
				{
					document.getElementById("fundamental").style.display = "none";
					document.getElementById("medio").style.display = "block";
					document.getElementById("superior").style.display = "none";
				}
				
				else if(valor == "superior")
				{
					document.getElementById("fundamental").style.display = "none";
					document.getElementById("medio").style.display = "none";
					document.getElementById("superior").style.display = "block";
	document.getElementById("data01").disabled = false;
				}
			}
		</script>
		
		<style type="text/css">
			#fundamental, #medio, #superior
			{
				display:none;
			}
		</style>
	</head>
	
	<body>
		<p> 
			<select name="escolaridade" onchange="mostraDiv(this.value)">
				<option value="fundamental"> Fundamental </option>	
				<option value="medio"> Ensino Médio </option>
				<option value="superior"> Ensino Superior </option>
			</select>
		</p>
		
		<p>
			
			<div id="fundamental">
				Nome : <input type="text" name="nome" /> <br />
				Série: <input type="text" name="serie" />
			</div>
			
			<div id="medio">
				Nome : <input type="text" name="nome" /> <br />
				Série: <input type="text" name="serie" /> <br />
				Escola: <input type="text" name="escola" />
			</div>
			
			<div id="superior">
				Nome : <input type="text" name="nome" /> <br />
				Série: <input type="text" name="serie" /> <br />
				Escola: <input type="text" name="escola" /> <br />
				Curso: <input type="text" name="curso" />
			</div>
		
		</p>			
		
		<input class='form_campos_numeros' maxlength='10' type="text" name="data1" id="data01" value="<?=$data_result?>"  disabled ondblclick="javascript:popdate('document.form.data1','pop1','150',document.form.data1.value)"  OnKeyUp='mascaraData(this);'>
					


	</body>
	
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito