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/>