Skip to main content
adicionou 162 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Crie outro event handler com o evento input apenas para o campo #formaTaxas. Ao alterar o valor do campo, irá alterar também o valor do atributo data-taxa da option ativa no select:

$('#formaTaxas').bind('input', function() {
   $("#formaPagamento option:selected").attr("data-taxa", this.value);
});

Veja em funcionamento:

$(document).ready(function() {

   $(".moeda").maskMoney({decimal: ",",thousands: "."});

   $('#formaTaxas').bind('input''keyup', function() {
      $("#formaPagamento option:selected").attr("data-taxa", this.value.replace("%", ""));
   });
   
   $('#valorCurso, #formaPagamento, #formaTaxas, #poloComissao').bind('focusout change', function() {
   
      var formaID = $("#formaPagamento option:selected").val();
      var formaTxt = $("#formaPagamento option:selected").text();
      var formaTaxa = $("#formaPagamento option:selected").attr('data-taxa');
      var formaTipo = $("#formaPagamento option:selected").attr('data-tipo');
   
      if (formaID == "") {
         var taxas = $("#formaTaxas").val("0.00");
      } else {
         var taxas = $("#formaTaxas").val(formaTaxa + formaTipo);
      }
   });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
Forma de pagamento:
<select id="formaPagamento" name="formaPagamento" required>
  <option value="" selected></option>
  <option value="1" data-taxa="3.50" data-tipo="">Boleto</option>
  <option value="2" data-taxa="3.50" data-tipo="%">Cartão credito</option>
  <option value="3" data-taxa="1.50" data-tipo="%">Cartão debito</option>
  <option value="4" data-taxa="0.00" data-tipo="">Dinheiro</option>
</select>

Taxa: 
<input id="formaTaxas" name="formaTaxas" type="text" class="form-control moeda" value="0,00" required/>

Crie outro event handler com o evento input apenas para o campo #formaTaxas. Ao alterar o valor do campo, irá alterar também o valor do atributo data-taxa da option ativa no select:

$('#formaTaxas').bind('input', function() {
   $("#formaPagamento option:selected").attr("data-taxa", this.value);
});

Veja em funcionamento:

$(document).ready(function() {

   $('#formaTaxas').bind('input', function() {
      $("#formaPagamento option:selected").attr("data-taxa", this.value.replace("%", ""));
   });
   
   $('#valorCurso, #formaPagamento, #formaTaxas, #poloComissao').bind('focusout change', function() {
   
      var formaID = $("#formaPagamento option:selected").val();
      var formaTxt = $("#formaPagamento option:selected").text();
      var formaTaxa = $("#formaPagamento option:selected").attr('data-taxa');
      var formaTipo = $("#formaPagamento option:selected").attr('data-tipo');
   
      if (formaID == "") {
         var taxas = $("#formaTaxas").val("0.00");
      } else {
         var taxas = $("#formaTaxas").val(formaTaxa + formaTipo);
      }
   });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Forma de pagamento:
<select id="formaPagamento" name="formaPagamento" required>
  <option value="" selected></option>
  <option value="1" data-taxa="3.50" data-tipo="">Boleto</option>
  <option value="2" data-taxa="3.50" data-tipo="%">Cartão credito</option>
  <option value="3" data-taxa="1.50" data-tipo="%">Cartão debito</option>
  <option value="4" data-taxa="0.00" data-tipo="">Dinheiro</option>
</select>

Taxa: 
<input id="formaTaxas" name="formaTaxas" type="text" class="form-control moeda" value="0,00" required/>

Crie outro event handler com o evento input apenas para o campo #formaTaxas. Ao alterar o valor do campo, irá alterar também o valor do atributo data-taxa da option ativa no select:

$('#formaTaxas').bind('input', function() {
   $("#formaPagamento option:selected").attr("data-taxa", this.value);
});

Veja em funcionamento:

$(document).ready(function() {

   $(".moeda").maskMoney({decimal: ",",thousands: "."});

   $('#formaTaxas').bind('keyup', function() {
      $("#formaPagamento option:selected").attr("data-taxa", this.value);
   });
   
   $('#valorCurso, #formaPagamento, #formaTaxas, #poloComissao').bind('focusout change', function() {
   
      var formaID = $("#formaPagamento option:selected").val();
      var formaTxt = $("#formaPagamento option:selected").text();
      var formaTaxa = $("#formaPagamento option:selected").attr('data-taxa');
      var formaTipo = $("#formaPagamento option:selected").attr('data-tipo');
   
      if (formaID == "") {
         var taxas = $("#formaTaxas").val("0.00");
      } else {
         var taxas = $("#formaTaxas").val(formaTaxa + formaTipo);
      }
   });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
Forma de pagamento:
<select id="formaPagamento" name="formaPagamento" required>
  <option value="" selected></option>
  <option value="1" data-taxa="3.50" data-tipo="">Boleto</option>
  <option value="2" data-taxa="3.50" data-tipo="%">Cartão credito</option>
  <option value="3" data-taxa="1.50" data-tipo="%">Cartão debito</option>
  <option value="4" data-taxa="0.00" data-tipo="">Dinheiro</option>
</select>

Taxa: 
<input id="formaTaxas" name="formaTaxas" type="text" class="form-control moeda" value="0,00" required/>

Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Crie outro event handler com o evento input apenas para o campo #formaTaxas. Ao alterar o valor do campo, irá alterar também o valor do atributo data-taxa da option ativa no select:

$('#formaTaxas').bind('input', function() {
   $("#formaPagamento option:selected").attr("data-taxa", this.value);
});

Veja em funcionamento:

$(document).ready(function() {

   $('#formaTaxas').bind('input', function() {
      $("#formaPagamento option:selected").attr("data-taxa", this.value.replace("%", ""));
   });
   
   $('#valorCurso, #formaPagamento, #formaTaxas, #poloComissao').bind('focusout change', function() {
   
      var formaID = $("#formaPagamento option:selected").val();
      var formaTxt = $("#formaPagamento option:selected").text();
      var formaTaxa = $("#formaPagamento option:selected").attr('data-taxa');
      var formaTipo = $("#formaPagamento option:selected").attr('data-tipo');
   
      if (formaID == "") {
         var taxas = $("#formaTaxas").val("0.00");
      } else {
         var taxas = $("#formaTaxas").val(formaTaxa + formaTipo);
      }
   });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Forma de pagamento:
<select id="formaPagamento" name="formaPagamento" required>
  <option value="" selected></option>
  <option value="1" data-taxa="3.50" data-tipo="">Boleto</option>
  <option value="2" data-taxa="3.50" data-tipo="%">Cartão credito</option>
  <option value="3" data-taxa="1.50" data-tipo="%">Cartão debito</option>
  <option value="4" data-taxa="0.00" data-tipo="">Dinheiro</option>
</select>

Taxa: 
<input id="formaTaxas" name="formaTaxas" type="text" class="form-control moeda" value="0,00" required/>