Habilitar/desabilitar Input Text
#1
Posted 08/08/2006, 17:47
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!
paz e luz
#2
Posted 08/08/2006, 18:04
<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
#3
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ção Societária">IR/Legislação Societária</option> <option value="Trabalho e Previdência">Trabalho e Previdê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!
#4
Posted 08/08/2006, 18:31
<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ção Societária">IR/Legislação Societária</option> <option value="Trabalho e Previdência">Trabalho e Previdê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...
Até mais
#5
Posted 08/08/2006, 18:55
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ção Societária">IR/Legislação Societária</option> <option value="Trabalho e Previdência">Trabalho e Previdê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
Posted 08/08/2006, 19:06
<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
Posted 08/08/2006, 19:18
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
Posted 10/08/2006, 00:43
Opa!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 }
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é?
Bom, até mais!
Fui!
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#9
Posted 11/08/2006, 08:57
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
Posted 11/08/2006, 11:03
Coloca o seguinte na linha do
return
:else { return true; }
Beleza?
Até mais.
Fui!
Edição feita por: Allan Carvalho, 11/08/2006, 11:10.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#12
Posted 11/08/2006, 11:16
Precisando estamos aqui.
Até mais!
Fui!
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#13
Posted 25/10/2011, 19:08
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úvidas</option> <option value="Elogios">Elogios</option> <option value="Urgente">Urgente</option> <option value="Reclamações">Reclamações</option> <option value="Vendas">Vendas</option> <option value="Outros">Outros</option> </select> <input type="text" name="Outros" id="Outros">
#15
Posted 09/10/2017, 19:45
Kamagra Gelatina Propecia Covered By Coverage pharmacy prices for levitra Propecia Rae
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)