Hi all,

my intention is to calculate a leave balance based on a type from a dropdown list by subtracting the "number of days" from the "total leave balance", which would give me the new balance.

The calculation works perfectly for the first row , but when a new row is added, it still subtracts the "number of days" from the first row selection.

This is what is currently does:

here is my code:

$(document).ready(function(){

   $('.cf-table tbody').on('change','.dropdown', function(){
   
      switch ($(this).find(':selected').val()){
   
      case 'Annual':
      var a = parseNumberA($('.annual input').val())-parseNumberA($('.days input').val());
      $('.newA input').val(a);
      function parseNumberA(a)
      {
      var f = parseFloat(a); 
      return isNaN(f) ? 0 : f; 
      }
      break;
          
      case 'Sick':
      var s = parseNumberS($('.sick input').val())-parseNumberS($('.days input').val());
      $('.newS input').val(s);   
      function parseNumberS(s)
      {
      var g = parseFloat(s); 
      return isNaN(g) ? 0 : g; 
      }
      break;
      case 'Family Responsibility':
      var r = parseNumberF($('.family input').val())-parseNumberF($('.days input').val());
      $('.newF input').val(r);   
      function parseNumberF(r)
      {
      var h = parseFloat(r); 
      return isNaN(h) ? 0 : h; 
      }
      break;
      default:
      $('.new input').val();
      break;
         
    }
 });
});

Any help would be appreciated.