How to put information about the ordered product in the submission form?

Question

JavaScript

I'm making a landing page on the topic of sports nutrition.
Made (locally, not yet uploaded to the server) forms for ordering the selected menu, something like here in the section "Choose a menu and a tariff for your purposes" (that is, two forms for each of the five menus).
Initially, I thought about using the woocommerce plugin, and then I thought that I didn’t need it at all, I just have one page, there are not a large number of products, and so on. In general, I decided that it would be too "fat" and unjustified.
I decided to use custom post types, and put information about products in the form (contact form 7).
So here's how to achieve this.
If, for example, take the same https://growfood.proand order the "Athlete for Life" option for the "Power" menu for 6900, how do I put the information about the selected option in the form in order to understand what the person has chosen.
I found this post on the internet, but it didn't help much.

Answer 1

You need to process click events on one or another tariff selected by the user and place it in the form. The easiest way to do this is with jQuery: Events
Namely: Click event handler or source
If you need to write for your project, then you need to see your code for this