onkeypress na função

[josenilson 4]

Olá galera, tudo blz,  por  favor,  como posso resolver esse problema.

 

Tenho um select option onde eu seleciono o banco exemplo (BRADESCO, BRASIL, ITAU  ) e um input que seria a agencia do banco escolhido.

 

apos eu selecionar o banco desejado preciso que o input fique com a mascara de acordo com o banco escolhido,  eu tentei   com uma tomada de decisão   e dentro desta decisão uma chamada de função mas não sei se seria isso o certo, pois não acertei colocar o onkeypress na função.  abaixo esta o código.  desde já agradeço a todos. 

 

Função vazia onde deveria estar o onkeypress com a mascara. 

<?php

function brasil(){
	

}

?>

Aqui esta o select junto com o input. 

 

<select style="width:200px;font-size: 13px" name="banco" required class="form-control">
<option value="">BANCO</option>
<option value="BRASIL">BRASIL</option>
<option value="BRADESCO">BRADESCO</option>
<option value="CAIXA_ECONOMICA">CAIXA ECONOMICA</option>
<option value="SANTANDER">SANTANDER</option>
<option value="ITAU">ITAU</option>
							
</select>
					
<input style="width:167px;font-size:13px; "type="text" name="agencia"   class="form-control" placeholder="AGENCIA" >
<?php 
if (!empty($_POST['banco'])){
	
$BANCO = $_POST["banco"];	

$BRASIL = "BRASIL";
$BRADESCO = "BRADESCO";

if ($BANCO == $BRASIL){
brasil();
}ELSE{

echo "ESCOLHA UM BANCO";
}
}
?>

						
				
						

 

 

[Luiz Gustavo Costa Ceolin 8]

Seria isso?

<select style="width:200px;font-size: 13px" name="banco" id="banco" onchange="escolha()" required class="form-control">
<option value="">BANCO</option>
<option value="BRASIL">BRASIL</option>
<option value="BRADESCO">BRADESCO</option>
<option value="CAIXA_ECONOMICA">CAIXA ECONOMICA</option>
<option value="SANTANDER">SANTANDER</option>
<option value="ITAU">ITAU</option>
                            
</select>

<br>

<input style="width:167px;font-size:13px;" type="text" name="agencia" id="agencia" class="form-control" placeholder="AGENCIA" >

<script type="text/javascript">

function escolha() {
    
    var banco = document.getElementById('banco').value;

    document.getElementById('agencia').value = banco;
}
</script>

 

[josenilson 4]

Luiz muito obrigado pela ajuda mano, então  é quase isso,  quando eu selecionar  o banco  o input agencia fique com a mascara de acordo com o banco selecionado,  por exemplo se eu selecionar banco do brasil. 

 

O input agencia ficaria com a  mascara 0000-0

se for Bradesco ficaria com a mascara 0000

 

 

[josenilson 4]

É mais ou menos assim a função brasil chama a mascara, 

<script type="text/javascript">			

function brasil(){
	
onkeypress = mascaraAGENCIA() ;
}

</script>

mas não ta dando certo chamar ela na função 

[Wesley Santos 28]

Amigo, tente aplica a mascara com esse plugin do jQuery mesmo:

https://igorescobar.github.io/jQuery-Mask-Plugin/

 

Ai JS, tu faria algo mais ou menos assim:

$(document).ready(function(){
$("#banco").change(function(){
   var banco = $(this).val();
   if(banco == 'BRASIL'){
    $('#agencia').mask('0000-00');
   }else if(banco == 'BRADESCO'){
     //assim por diante
   }
})
}

 

[josenilson 4]

21 minutos atrás, wessleysanttos disse:

Amigo, tente aplica a mascara com esse plugin do jQuery mesmo:

https://igorescobar.github.io/jQuery-Mask-Plugin/

 

Ai JS, tu faria algo mais ou menos assim:

$(document).ready(function(){
$("#banco").change(function(){
   var banco = $(this).val();
   if(banco == 'BRASIL'){
    $('#agencia').mask('0000-00');
   }else if(banco == 'BRADESCO'){
     //assim por diante
   }
})
}

 

Obrigado mano, desculpa minha pergunta mais como eu aplico isso no código, pois estou aprendendo essa linguagem e ainda tenho dificuldade em adaptar ela com o php , 

 

ficaria assim ? 

 

<select style="width:200px;font-size: 13px" name="banco" id="banco" onchange="escolha()" required class="form-control">
<option value="">BANCO</option>
<option value="BRASIL">BRASIL</option>
<option value="BRADESCO">BRADESCO</option>
<option value="CAIXA_ECONOMICA">CAIXA ECONOMICA</option>
<option value="SANTANDER">SANTANDER</option>
<option value="ITAU">ITAU</option>
                            
</select>

<br>

<input style="width:167px;font-size:13px;" type="text" name="agencia" id="agencia" class="form-control" placeholder="AGENCIA" >


<script type="text/javascript">

function escolha() {
    
$(document).ready(function(){
$("#banco").change(function(){
   var banco = $(this).val();
   if(banco == 'BRASIL'){
    $('#agencia').mask('0000-00');
   }else if(banco == 'BRADESCO'){
     //assim por diante
   }
})
}

</script>