Evento Jquery para captar alterações no Input, quando o msm for preenchido por informações vindas do BD.
04/07/2023
0
Olá pessoal.
Tenho um formulário simples de cadastro onde o cliente escolhe o produto e informa a quantidade.
Alguns selects preenchem automaticamente alguns inputs com informações vindas do BD para melhor praticidade do sistema.
Criei uma função Jquery para capturar/pegar o valor do campo input "valor unitario", que é fornecido/preenchido automaticamente pelo sistema, junto do campo "quantidade", que é preenhcido de forma manual pelo Usuario.
A função funciona perfeitamente quando o usuario digita valores manualmente, mas n detecta quando é preenhcido pelo sistema.
N detecta quando o campo input valor unitario é preenhcido com informações vindas do BD.
Peço uma orientação de qual Evento usar p esse tipo de caso.
Abaixo, segue código.
Agradeço qq ajuda.
<script type="text/javascript">
$(document).ready(function() {
$("#id_abastecimento,#id_v_unitario").on('input', function() {
var abastecimento = parseFloat($('#id_abastecimento').val()) || 0;
var v_unitario = parseFloat($('#id_v_unitario').val()) || 0;
var total = abastecimento*v_unitario;
$('#vtotal').html(total).show();
});
});
</script>
Tenho um formulário simples de cadastro onde o cliente escolhe o produto e informa a quantidade.
Alguns selects preenchem automaticamente alguns inputs com informações vindas do BD para melhor praticidade do sistema.
Criei uma função Jquery para capturar/pegar o valor do campo input "valor unitario", que é fornecido/preenchido automaticamente pelo sistema, junto do campo "quantidade", que é preenhcido de forma manual pelo Usuario.
A função funciona perfeitamente quando o usuario digita valores manualmente, mas n detecta quando é preenhcido pelo sistema.
N detecta quando o campo input valor unitario é preenhcido com informações vindas do BD.
Peço uma orientação de qual Evento usar p esse tipo de caso.
Abaixo, segue código.
Agradeço qq ajuda.
<script type="text/javascript">
$(document).ready(function() {
$("#id_abastecimento,#id_v_unitario").on('input', function() {
var abastecimento = parseFloat($('#id_abastecimento').val()) || 0;
var v_unitario = parseFloat($('#id_v_unitario').val()) || 0;
var total = abastecimento*v_unitario;
$('#vtotal').html(total).show();
});
});
</script>
Jonas
Curtir tópico
+ 0
Responder
Posts
04/07/2023
Frank Hosaka
Eu não consigo fazer o JQuery funcionar aqui, assim eu uso esse recurso:
<html lang=en> <title>Teste</title> <script> function prod(){total.value=qt.value*ct.value} </script> <table> <tr><td>Qt<td><input id=qt onchange=prod()> <tr><td>Ct<td><input id=ct onchange=prod()> <tr><td>Tt<td><input id=total> </table>
Responder
Clique aqui para fazer login e interagir na Comunidade :)