Ir para conteúdo

POWERED BY:

Arquivado

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

Francisco Leal

[Resolvido] colocar mascara dinamicamente em um input atraves da

Por , em Javascript

Recommended Posts

Francisco Leal    0

Francisco Leal
Postado

é possivel atraves da escolha de um select ele pegar um valor e aplicar atraves desse valor uma mascara no inpu text?

tipo esse codigo, eu quero que ao escolher no select por exemplo telefone ele adicione a mascara no campo de texto e quando escolher alunos por exemplo ele retire a mascara, tem como fazer isso ??? alterando sei la o id dinamicamente para que quando a funcao chamada olhe o id compare e aplique a mascara...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
       <script type="text/javascript" src="js/functions.js"></script>
       <script type="text/javascript" src="js/jquery.js"></script>
       <script type="text/javascript" src="js/maskedinput.js"></script>
       <title></title>
       <script type="text/javascript">
$(document).ready(function(){
   $(function(){
       $.mask.addPlaceholder("~","[+-]");
       $("#telefone").mask("(99) 9999-9999");
       $("#cep").mask("99999-999");
       $("#data").mask("99/99/9999");
       $("#cpf").mask("999.999.999-99");
       $("#cnpj").mask("99.999.999/9999-99");
   });
});

</script>
   </head>
   <body>
       <form method="post" action="cadastro.php?acao=consultar">
           <label>Consulta por:</label>
           <select name="opcao" id="opcao">
               <option value="">Escolha uma opção</option>
               <option value="1">Contratante</option>
               <option value="2">Aluno</option>
               <option value="3">Telefone</option>
           </select>
           <label>Digite o nome:</label>
           <input type="text" name="consultar" id="">
           <input type="submit" name="submit" value="Consultar">
       </form>

   </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ramon Almeida    0

Ramon Almeida
Postado

Olá Francisco, é possivel. Podemos alterar a mascara do input quando o evento change do select for acionado, aqui um exemplo:

 

$().ready(function(){
 $("#opcao").change(function(){ //Quando houver uma mudança no select
   var opt = $("#opcao option:selected").val(); //Recupera o valor do option selecionado
   var mask = "";
   if(opt == 1){
    mask = "99.999.999/9999-99";
   }else if(opt == 2){
   mask = "999.999.999-99";
   }else if(opt == 3){
   mask = "(99) 9999-9999";
   }
   $("input[name=consultar]").mask(mask);
 });
});

 

O script funcionando no JS Bin:

 

http://jsbin.com/eduqi5

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