Ir para conteúdo

POWERED BY:

Arquivado

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

Z.Zidane

[Resolvido] Liberar campo texto ao selecionar "outras"

Recommended Posts

Ola Caros,

 

Estou com um problema.

Tenho um formulário onde o usuário se cadastra na opção para escolher uma faculdade que seria uma combo há uma opção de "Outra Faculdade" para o usuário escolher caso a sua faculdade não esteja na lista.

Eu criem um campo texto "Outras" ao lado e gostaria que ele fosse liberado apenas quando fosse selecionado a opção "Outra Faculdade"

 

Será que alguem poderia me ajudar ,, :unsure:

Grato desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uma solução simples para o seu problema seria criar eventos onClick em cada uma das opções.

 

Copie e cole abaixo em seu editor HTML:

<html>
<body>
<script language="JavaScript" type="text/javascript">
function controleCampo(e){
	if (e == 0) {
		document.getElementById("txtFaculdade").disabled = true;
	}else{
		document.getElementById("txtFaculdade").disabled = false;
	}
}
</script>
<form name="form1" action="" method="post">
Selecione uma opção:
<br><input type="radio" name="opcao1" value="faculdadeA" onClick="controleCampo(0)">Faculdade A</a>
<br><input type="radio" name="opcao1" value="faculdadeB" onClick="controleCampo(0)">Faculdade B</a>
<br><input type="radio" name="opcao1" value="faculdadeC" onClick="controleCampo(0)">Faculdade C</a>
<br><input type="radio" name="opcao1" value="faculdadeOutra" onClick="controleCampo(1)">Outra</a>
<br><br>
<input type="text" name="txtFaculdade" id="txtFaculdade" value="Digite o nome da outra Universidade aqui" disabled>
<br><br><input type="submit" value="Enviar">
</form>
</body>
</html>

Sugestão: você não acha que seria melhor esconder o campo do que simplesmente desativá-lo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ola Caros,

 

Estou com um problema.

Tenho um formulário onde o usuário se cadastra na opção para escolher uma faculdade que seria uma combo há uma opção de "Outra Faculdade" para o usuário escolher caso a sua faculdade não esteja na lista.

Eu criem um campo texto "Outras" ao lado e gostaria que ele fosse liberado apenas quando fosse selecionado a opção "Outra Faculdade"

 

Será que alguem poderia me ajudar ,, :unsure:

Grato desde já!

 

Zidane,

 

Você pode fazer de duas formas.

 

1. Você pode manter o elemento oculto através da folha de estilos e mostrà-lo assim que a opção outras for selecionada:

 

CSS

.faculdade{
	   display: none;
}

SCRIPT

function outras(){
	   var indice = document.nome_form.nome_select.selectedIndex;
	   var valor = document.nome_form.nome_select.options[indice].value;


		//mostra o campo de texto
		if(valor == "outras")
		   document.nome_form.texto_outras.display="block";
}

2. ou você pode deixar ele desabilitado e depois mostrar:

 

HTML

<input type="text" name="texto_outras" disabled="true">

SCRIPT

function outras(){
	   var indice = document.nome_form.nome_select.selectedIndex;
	   var valor = document.nome_form.nome_select.options[indice].value;

		//mostra o campo de texto
		if(valor == "outras")
			  document.nome_form.texto_outras.disabled=false;
}

Tenta aí e deixa a resposta aí pra nós...

 

Até mais

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu Bruno e klonder

Com o primeiro post do klonder eu já me achei e consegui fazer.

Concordo com vocês que seria melhr esconder usando o css e so mostra quando selecionar a opção, mas como foi um padrão do cliente não pude mexer.

 

Obrigado pela ajuda!

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.