Doubt on how to change jquery Mask type

Question

Well I’m using the jquery Mask plugin at input value. The formatting I am using is the following '0,000'. I wondered how to change the formatting to '0,000' when I select KG in 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>

Answer 1

You can check in the condition change jQuery, and change the mask:

$('.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>