Say I have quantity, price, discount and total field. What I want to do is dynamically update the total field on change when any of the other fields are changed. So the total field would be = quantity * price - discount. How do you do math like this in a stimulus controller?

This is super quick and dirty, and I didn’t test it, but basically: You want to create targets for the quantity, price and total fields, so you can access them. Then, you want to create an action that’s called when the value changes. In the controller, when you connect you want to do the calculation…

Thank you! I’ll play around with this. I appreciate the pointers.

I was able to get it working based on your suggestions. Thanks! One more item I am interested in. Say I dynamically add rows with items on them that all have totals. How would I then sum all of those totals together to get a master subtotal?

Dynamic total form field from other text fields

General

Tim July 9, 2019, 2:11pm 5

In this case I’d use child controllers. There are a few threads here on how to do that effectively, but this discussion should probably help.

Topic		Replies	Views
Stimulus Nested Form Remove Question General	0	1021	May 25, 2022
One controller and multiple repeating target or multiple controller for each area? General	5	4242	April 16, 2020
A spreadsheet like controller for a table with two controllers with shared target General	4	2053	April 14, 2020
Question on data-controller-target General	2	891	March 30, 2022
Cross-controller communication for live-updates General	2	667	December 21, 2021

Dynamic total form field from other text fields

Related topics