Jump to content


Photo

Habilitar/desabilitar Input Text


  • Faça o login para participar
18 replies to this topic

#1 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 08/08/2006, 17:47

Fala galera, (y)?

eu preciso fazer o seguinte... tenho um select com 4 opções (fora a primeira, que tá escrito SELECIONAR) e 2 input text...

as options são as seguintes:
- ICMS/IPI e Outros
- IR/Legislação Societária
- Trabalho e Previdência
- ISS

ao abrir a página, os dois input text estarão desabilitados...
quero que ao selecionar o primeiro em vermelho (ICMS/IPI e Outros) ele habilite o text CIDADE (e desabilite o ESTADO) e ao selecionar o segundo em vermelho (ISS) habilite o text ESTADO e desabilite o CIDADE

alguem poderia me ajudar?

vlw! (y)

paz e luz

#2 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 08/08/2006, 18:04

Um jeito bem simples, mesmo porque você não deu muitas informações seria assim:
<script>
function verificaOpcao( valor ){
  if( valor == 1 ){
	document.getElementById("cidade").disabled = true;
	document.getElementById("estado").disabled = false;
  }else if( valor == 4){
	document.getElementById("cidade").disabled = false;
	document.getElementById("estado").disabled = true;
  }
}
</script>

<select name="op" onchange="verificaOpcao(this.value)">
  <option>SELECIONAR</option>
  <option value="1">ICMS/IPI e Outros</option>
  <option value="2">IR/Legislação Societária</option>
  <option value="3">Trabalho e Previdência</option>
  <option value="4">ISS</option>
</select><br /><br />
  Cidade: <input type="text" name="cidade" id="cidade"><br />
  Estado: <input type="text" name="estado" id="estado">

Flws...
;)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#3 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 08/08/2006, 18:22

function verificaOpcao( valor ){
  if( valor == "ICMS/IPI e Outros" ){
    document.getElementById("cidadeiss").disabled = true;
    document.getElementById("estadoicms").disabled = false;
  }else if( valor == ISS ){
    document.getElementById("cidadeiss").disabled = false;
    document.getElementById("estadoicms").disabled = true;
  }
}
<select name="especialidade" class="Tahoma9" style="WIDTH: 151px" onchange="verificaOpcao(this.value)>
<option value="escolha" selected>Selecione</option>
<option value="ICMS/IPI e Outros">ICMS/IPI e Outros</option>
<option value="IR/Legisla&ccedil;&atilde;o Societ&aacute;ria">IR/Legisla&ccedil;&atilde;o Societ&aacute;ria</option>
<option value="Trabalho e Previd&ecirc;ncia">Trabalho e Previd&ecirc;ncia</option>
<option value="ISS">ISS</option>
</select>
<input name="estadoicms" type="text" class="Tahoma9" size="33">
<input name="cidadeiss" type="text" class="Tahoma9" size="33">
abre, só que com erro na página...
sabe o que pode ser, Frenesi?

vlw! (y)

#4 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 08/08/2006, 18:31

Estava faltando algumas aspas:
<script>
function verificaOpcao( valor ){
  if( valor == "ICMS/IPI e Outros" ){
	document.getElementById("cidadeiss").disabled = true;
	document.getElementById("estadoicms").disabled = false;
  }else if( valor == "ISS" ){
   document.getElementById("cidadeiss").disabled = false;
   document.getElementById("estadoicms").disabled = true;
  }
}
</script>
<select name="especialidade" class="Tahoma9" style="WIDTH: 151px" onchange="verificaOpcao(this.value)">
  <option value="escolha" selected>Selecione</option>
  <option value="ICMS/IPI e Outros">ICMS/IPI e Outros</option>
  <option value="IR/Legisla&ccedil;&atilde;o Societ&aacute;ria">IR/Legisla&ccedil;&atilde;o Societ&aacute;ria</option>
  <option value="Trabalho e Previd&ecirc;ncia">Trabalho e Previd&ecirc;ncia</option>
  <option value="ISS">ISS</option>
</select>
E aqui, se lá em cima você pede getElementById(""), você precisar colocar um id para estes elementos.
<input name="estadoicms" id="estadoicms" type="text" class="Tahoma9" size="33">
<input name="cidadeiss" id="cidadeiss" type="text" class="Tahoma9" size="33">

Flws...
(y)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#5 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 08/08/2006, 18:55

agora não deu erro! :D
mas tb não funcionou! :(
function verificaOpcao( valor ){
  if( valor == "ICMS/IPI e Outros" ){
	document.getElementById("cidadeiss").disabled = true;
	document.getElementById("estadoicms").disabled = false;
  }else if( valor == "ISS" ){
   document.getElementById("cidadeiss").disabled = false;
   document.getElementById("estadoicms").disabled = true;
  }
}
<select name="especialidade" class="Tahoma9" style="WIDTH: 151px" onchange="verificaOpcao(this.value)">
<option value="escolha" selected>Selecione</option>
<option value="ICMS/IPI e Outros">ICMS/IPI e Outros</option>
<option value="IR/Legisla&ccedil;&atilde;o Societ&aacute;ria">IR/Legisla&ccedil;&atilde;o Societ&aacute;ria</option>
<option value="Trabalho e Previd&ecirc;ncia">Trabalho e Previd&ecirc;ncia</option>
<option value="ISS">ISS</option>
</select>
<input name="estadoicms" id="estadoicms" type="text" class="Tahoma9" size="33">
<input name="cidadeiss" id="cidadeiss" type="text" class="Tahoma9" size="33">
a function tá dentro de <script> q tá dentro de <head>

Edição feita por: knoxville, 08/08/2006, 18:58.


#6 siola

siola

    Usuário

  • Usuários
  • 894 posts
  • Sexo:Masculino
  • Localidade:SBC - SP
  • Interesses:ASP, .NET, javascript

Posted 08/08/2006, 19:06

Aqui funcionou. O que estava faltando era colocar o atributo disabled, pra quando abrir a pagina eles já ficarem desabilitados.

<input name="estadoicms" id="estadoicms" type="text" class="Tahoma9" size="33" disabled="disabled">
<input name="cidadeiss" id="cidadeiss" type="text" class="Tahoma9" size="33" disabled="disabled">

[]s

#7 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 08/08/2006, 19:18

puxa, é verdade! hehe
desculpem-me... é pq o desabilitado quase não difere do habilitado! :/

só + 1 coisinha...
vou fazer akele verificação, mas só kero que ela seja feita, caso o campo esteja habilitado, como faço isso?
if (consulta.estadoicms.value=="")
	{
	 alert("Por favor, informe o estado.")
	 consulta.estadoicms.focus()
	 return false
	}


#8 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 10/08/2006, 00:43

puxa, é verdade! hehe
desculpem-me... é pq o desabilitado quase não difere do habilitado! :/

só + 1 coisinha...
vou fazer akele verificação, mas só kero que ela seja feita, caso o campo esteja habilitado, como faço isso?

if (consulta.estadoicms.value=="")
	{
	 alert("Por favor, informe o estado.")
	 consulta.estadoicms.focus()
	 return false
	}

Opa! (y)

var cidadeiss = document.getElementById("cidadeiss");
var estadoicms = document.getElementById("estadoicms");
function verificaOpcao( valor ){
if((cidadeiss.disabled == true && estadoicms.disabled == false) || (cidadeiss.disabled == false && estadoicms.disabled == true)) {
if( valor == "ICMS/IPI e Outros" ){
cidadeiss.disabled = true;
estadoicms.disabled = false;
}else if( valor == "ISS" ){
cidadeiss.disabled = false;
estadoicms.disabled = true;
}
}
else { alert('Primeiro tem que escolher...'); }
}


Sò não entendi o porquê seu code, mas já deu pra ter uma noção, né? :blink:


Bom, até mais! (y) ;)


Fui! ^_^
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image


#9 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 11/08/2006, 08:57

Olá Allan Carvalho... também não entendi nada esse negócio... trabalho é trabalho né! hehe

o que eu preciso na verdade não é isso, a validação é dos campos, não da select! tentei assim:
else if ((consulta.estadoicms.disable==false) && (consulta.estadoicms.value==""))
	{
	 alert("Por favor, informe o estado.")
	 consulta.estadoicms.focus()
	 return false
	}else if ((consulta.cidadeiss.disable==false) && (consulta.cidadeiss.value==""))
	{
	 alert("Por favor, informe a cidade.")
	 consulta.estadoicms.focus()
	 return false
	}
vou testar agora, espero que dê certo! ^^

testei mas não funcionou! :( alguem sabe me dizer qual é o problema?
vlw!


--------------------------------EDITADO-----------------------------------
consegui fazer a verificação, mas ele verifica o problema e ao clicar em OK ele vai pra próxima página! o.O
<script LANGUAGE="JavaScript">

function validarconsulta()
{
 if (consulta.nome.value=="")
	{
	 alert("Por favor, informe seu nome.")
	 consulta.nome.focus()
	 return false
	}
 if (!emailvalido(consulta.email.value))
	{
	 alert("Por favor, informe seu endereço de e-mail.")
	 consulta.email.focus()
	 return false
	}
 if (consulta.especialidade.value=="escolha")
	{
	 alert("Por favor, selecione a especialidade.")
	 consulta.especialidade.focus()
	 return false
	}
 if ((document.getElementById("estadoicms").disabled=true) && (consulta.estadoicms.value==""))
	{
	 alert("Por favor, informe o estado.")
	 consulta.estadoicms.focus()
	 return false
	}
 if ((document.getElementById("cidadeiss").disabled=true) && (consulta.cidadeiss.value==""))
	{
	 alert("Por favor, informe a cidade.")
	 consulta.cidadeiss.focus()
	 return false
	}
 if (consulta.assunto.value=="")
	{
	 alert("Por favor, informe o assunto de sua mensagem.")
	 consulta.assunto.focus()
	 return false
	}
 if (consulta.mensagem.value=="")
	{
	 alert("Nenhuma mensagem foi digitada. Por favor, verifique.")
	 consulta.mensagem.focus()
	 return false
	}
 return true   
}
</script>
seria o return true?

Edição feita por: knoxville, 11/08/2006, 09:42.


#10 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 11/08/2006, 11:03

Exatamente, amigo. ;)

Coloca o seguinte na linha do return:

else { return true; }


Beleza?

Até mais. (y)

Fui! ^_^

Edição feita por: Allan Carvalho, 11/08/2006, 11:10.

Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image


#11 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 11/08/2006, 11:11

vlw Allan Carvalho! :D (y)

#12 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 11/08/2006, 11:16

Magina... ^_^

Precisando estamos aqui. (y)


Até mais!

Fui! ^_^
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image


#13 Eduardo Web

Eduardo Web

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:Rio das Ostras

Posted 25/10/2011, 19:08

Vlw Gente estava procurando isso msm o meu foi mais simples mas consegui!!!
ta ai meu codigo pra ajudar outros....
O meu é apenas um select com uns itens e no final um Outros que ativa um imput text!! veja!!

<script>
function verificaOpcao( valor ){
  if( valor == "Outros" ){
    document.getElementById("Outros").disabled = false;
  }else if( valor != "Outros" ){
    document.getElementById("Outros").disabled = true;
  }
}
</script>

Assunto:
<select name="menu1" onchange="verificaOpcao(this.value)">
    <option value="Compras" selected>Compras</option>
    <option value="Dúvidas">D&uacute;vidas</option>
    <option value="Elogios">Elogios</option>
    <option value="Urgente">Urgente</option>
    <option value="Reclamações">Reclama&ccedil;&otilde;es</option>
    <option value="Vendas">Vendas</option>
    <option value="Outros">Outros</option>
</select>    <input type="text" name="Outros" id="Outros">


#14 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/09/2017, 17:16

Propecia Fides Propecia Dunnes Haar Viagra Generico Envio 24 Horas cialis Kamagra Nebenwirkungen

#15 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 09/10/2017, 19:45

discount isotretinoin acne for sale best website visa Acticin Discount Without Perscription Overseas cialis Viagra Express Shipment
Kamagra Gelatina Propecia Covered By Coverage pharmacy prices for levitra Propecia Rae




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq