Hugo Borges_120734 6 Denunciar post Postado Abril 9, 2015 Bom galera montei um select onde, se eu selecionar a 1º opção o input e bloqueado, a 2º opção ele e desbloqueado. Porem preciso que ele comesse bloqueado e não esta dando certo, tenho que clicar sempre na 2 e depois na primeira para bloquear. Segue o código <script> function verificaOpcao( valor ){ if( valor == 1 ){ document.getElementById("cidade").disabled = true; }else if( valor == 2){ document.getElementById("cidade").disabled = false; } } </script> <select name="op" onchange="verificaOpcao(this.value)"> <option value="1">bloqueado</option> <option value="2">desbloqueado</option> </select><br /><br /> Cidade: <input type="text" name="cidade" id="cidade"><br /> Outro detalhe queria que na 1º opção o class="tipo1" e na 2º class='tipo3' Compartilhar este post Link para o post Compartilhar em outros sites
rikaschmitt 54 Denunciar post Postado Abril 9, 2015 Tenta deixar ele já desabilitado no código: Cidade: <input type="text" name="cidade" id="cidade" disabled><br /> Compartilhar este post Link para o post Compartilhar em outros sites
Hugo Borges_120734 6 Denunciar post Postado Abril 9, 2015 Boa rikaschmitt, 100%. Agora fica faltando como trocar o class Compartilhar este post Link para o post Compartilhar em outros sites
guilomaker 31 Denunciar post Postado Abril 9, 2015 você quer que quando tiver bloqueado ele fique com uma estrutura e quando liberado ele fique com outra? se for e só fazer assim! <script> function verificaOpcao( valor ){ if( valor == 1 ){ document.getElementById("cidade").disabled = true; $("#cidade").removeClass("opcao-2").addClass("opcao-1"); }else if( valor == 2){ document.getElementById("cidade").disabled = false; $("#cidade").removeClass("opcao-1").addClass("opcao-2"); } } </script> <select name="op" onchange="verificaOpcao(this.value)"> <option value="1">bloqueado</option> <option value="2">desbloqueado</option> </select><br /><br /> Cidade: <input type="text" name="cidade" id="cidade" class="opcao-1" disabled><br /> Compartilhar este post Link para o post Compartilhar em outros sites
guilomaker 31 Denunciar post Postado Abril 9, 2015 veja funcionando http://jsfiddle.net/s1b03zuL/2/ Compartilhar este post Link para o post Compartilhar em outros sites
Hugo Borges_120734 6 Denunciar post Postado Abril 10, 2015 perfeito cara vlw Compartilhar este post Link para o post Compartilhar em outros sites