2

Bom estou usando o plugin jquery mask no input valor. A formatação que estou usando é a seguinte '0,000'. Queria saber como alterar a formatação para '0,000' quando eu selecionar KG no 'select'.

$('.valor').mask('00.000.000,00', {
  reverse: true
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.3/jquery.mask.js"></script>

<input type='text' class='valor' name='valor'>

<select name='categoria' class='select form_campos'>
  <option value='1'>R$</option>
  <option value='2'>KG</option>
</select>

1 Resposta 1

6

Você pode verificar na condição change do jQuery, e alterar a mascara:

$('.valor').mask('00.000.000,00', {
  reverse: true
});
$("[name=categoria]").change(function() {
  if ($(this).val() == '1') {
    $('.valor').mask('00.000.000,00', {
      reverse: true
    });
  } else {
    $('.valor').mask('0,000', {
      reverse: true
    });
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.3/jquery.mask.js"></script>

<input type='text' class='valor' name='valor'>

<select name='categoria' class='select form_campos'>
  <option value='1'>R$</option>
  <option value='2'>KG</option>
</select>

4
  • 1
    muito bom, era isso mesmo que eu queria fazer. Obrigado Commented 8/12/2016 às 18:41
  • 2
    @HugoBorges se a resposta do LucasCosta resolveu o seu problema, não esqueça de marcar a resposta como solução para que outras pessoas sejam ajudadas! Commented 8/12/2016 às 18:48
  • 1
    Bem lembrado, obrigado @JuniorNunes!
    – BrTkCa
    Commented 8/12/2016 às 19:01
  • 2
    esta esperando o tempo hahaha Commented 8/12/2016 às 19:28

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .