Ir para conteúdo

POWERED BY:

Arquivado

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

AndréMiranda

[Resolvido] Sleção que bloqueia um Text Field...

Por , em Javascript

Recommended Posts

AndréMiranda    0

AndréMiranda
Postado

Olá pessoal!

 

Eu tenho uma tabela para reembolso de despesas numa página ASP...

 

Nessa tabela, há vários campos... campos para serem digitados (Text Field) e campos para serem selecionados (List Menu ou Select List, cada um chama de um jeito, mas no Dreamweaver é List Menu).

 

Em uma dessas Select List, eu cadastrei 3 itens para que o usuário possa selecionar: "Chamado", "Quilometragem" e "Tempo", tá?

 

Logo depois dessa Select (na linha de baixo da tabela), há um Text Field chamado "km" e nele o cara irá digitar a quilometragem gasta por ele. Só que esse campo "km" só pode estar habilitado SE o cara selecionar "Quilometragem" na Select List, ok? Caso o usuário escolha "Chamado" ou "Tempo", esse Text Field "km" tem que estar DESABILITADO...

 

Isso é para evitar que o cara selecione, por exemplo, "Chamado" na Select List e digite algo no "km"..

 

Há como fazer isso?? Sem que a página recarregue para que o usuário não perca os dados que ele já tiver digitado..

 

Abraços!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

AndréMiranda    0

AndréMiranda
Postado

existe sim!

você precisa usar o evento onchange se não me engano e chamar uma função para desabilitar o input.

REFERENCIA SOBRE INPUT - SELECT

REFERENCIA SOBRE INPUT - TEXT

 

Espero ter ajudado. =D

function disableInput(id){
	document.getElementById(id).disabled = "disabled";
}

 

Olá Vadio!! Vlw pelo help!! Mas, uma dúvida...

Em baixo vai o código da minha Select List:

 

<select name="contratacao" id="contratacao">
	<option value="Chamado">Chamado</option>
	<option value="Quilometragem">Quilometragem</option>
	<option value="Tempo">Tempo</option>

E, depois dessa Select, há o meu Text Field:

<input type="text" name="km" id="km" />

Como eu faria pra esse script JS identificar o item selecionado na minha Select List?? Desculpe a pergunta é que eu manjo pouco de JS... :-( Eu queria que esse Text Field "km" só estivesse habilitado caso o usuário selecionasse "Quilometragem" na Select List anterior...

 

Vlw pela ajuda mais uma vez!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

AndréMiranda    0

AndréMiranda
Postado

existe sim!

você precisa usar o evento onchange se não me engano e chamar uma função para desabilitar o input.

REFERENCIA SOBRE INPUT - SELECT

REFERENCIA SOBRE INPUT - TEXT

 

Espero ter ajudado. =D

function disableInput(id){
	document.getElementById(id).disabled = "disabled";
}

 

Olá Vadio!! Vlw pelo help!! Mas, uma dúvida...

Em baixo vai o código da minha Select List:

 

<select name="contratacao" id="contratacao">
	<option value="Chamado">Chamado</option>
	<option value="Quilometragem">Quilometragem</option>
	<option value="Tempo">Tempo</option>

E, depois dessa Select, há o meu Text Field:

<input type="text" name="km" id="km" />

Como eu faria pra esse script JS identificar o item selecionado na minha Select List?? Desculpe a pergunta é que eu manjo pouco de JS... :-( Eu queria que esse Text Field "km" só estivesse habilitado caso o usuário selecionasse "Quilometragem" na Select List anterior...

 

Vlw pela ajuda mais uma vez!!

 

 

Pessoal, consegui! Vlw pela ajuda, Vadio!! Dei uma lida lá nas referências do W3 e ajudou bastante!

 

Aí vai o código caso alguém precise:

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

function disableInput(id){
	if (document.getElementById("contratacao").value == "Quilometragem") {
	
		document.getElementById("km").disabled = false
	}
	else
		document.getElementById("km").disabled = true
	
}

</script>
<body>

<select name="contratacao" id="contratacao"  onchange="disableInput(id)">
	<option value="Chamado">Chamado</option>
	<option value="Quilometragem">Quilometragem</option>
	<option value="Tempo">Tempo</option>
  </select>

</body>

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