Updating totals with dynamic data using jquery

Updating totals with dynamic data using jquery

Hi

The following table row repeats on my dust template, usually up to 10 or so results.  Each line has a quantity selection.  I would like to update the total in the last cell of the row with the quantity * the price on the current table row.  Is this possible and what is the best way to do this?  Thought I would ask before I wasted too much time trying the wrong thing :)  Thanks.

  1. {#Lifts[0].Result.Items}
  2.     <tr>
  3.     <td>
  4.     <h5 >{AgeCategory}</h5>
  5.     <small >Ages {MinimumAge} - {MaximumAge}</small>
  6.     </td>
  7.     <td style="vertical-align: middle">
  8.     <div>{Name}</div>
  9.     </td>
  10.     <td>
  11.     <span>${Price}</span><small>/ person</small></span>    
  12.     </td>
  13.     <td>
  14.     <div class="controls inline">
  15.         <select class="form-control">
  16.         <option value="0" selected="selected">0</option>
  17.         <option value="1">1</option>
  18.         <option value="2">2</option>
  19.         </select>
  20.     </div>
  21.     </td>
  22.     <td>
  23.     <span> 0">$0.00</span>
  24.     </td>
  25.     </tr>
  26. {/Lifts[0].Result.Items}