Question

jquery update breaks when jquery, itself update input value!!

i have some input boxes and i wrote some jquery functions like this:

$(document).ready(function() {
   $('#ind2').change( function() {
       $('#ind5').val( parseInt($('#ind2').val()) + parseInt($('#ind1').val())    );
 });
}); 

---

 $(document).ready(function() {
       $('#ind5').change( function() {
           $('#ind1').val( parseInt($('#ind7').val()) + parseInt($('#ind5').val())    );
     });
    }); 

when input “ind2” changes input “ind5” will change so i need second function ” $(‘#ind5’).change” call automatically !! but “$(‘#ind5’).change” just calls when user change input “ind5” strightly!!

what must i do?!

Answer 1

trigger the change on #ind5 using trigger

$(document).ready(function() {
   $('#ind2').change( function() {
       $('#ind5').val( parseInt($('#ind2').val()) + parseInt($('#ind1').val())    );
       $("#ind5").trigger('change');
 });
});