I have a form that is split into 3 pages.
1st page is a single product selection.
2nd page has 3 products using product/quantity fields
3rd page is a synopsis of their order with a form for submitting the information.
On page 2 Iam using the quantity and separate product fields. Iam using HTML5 to display the input boxes in order to select the quantities of 3 products in 3 columns. The 4th column is a "selected total" column and displays the end users selections with a dynamic total at the bottom of that column. I want to display the values of the 3 products in the columns dynamically as they change the values in order to show what products are selected and the total price for EACH product and then a total at the bottom of the 4th column.
The total is a no brainer.. I have that.. and I figured out how to display the total of the product + quantity using the "number" field selector on the 3rd page - however obviously when I do this for the side box total on the 2nd page it does not dynamically update as the user selects a quantity/product.
Is there a way to inject the values that the HTML5 is displaying in a list in real time as they choose their value in a separate list?
I probably not describing this very clearly.. I'm happy to include screenshots and such to explain.