How to select selected Html Drop Down and paste it automatically into a Contact Form

first of all its my first question in Stackoverflow, because im hardstuck in a problem right now. So hopefully someone can help me with that.

The project: I am building a Product Configurator for a Website. The main goal is, that customers can configurate their product and the options they selected are automatically placed in a Contact Form.

I am working on WordPress with Elementor. The Plugin I used for the configurator is: "Woocommerce Extra Product options"

My Problem: I need to get the ID’s of the specific selected containers and fill the text of the containers automatically in the Form down below.

The site: https://soundgreets.com/produkt/konfigurator/

Does anyone know how i can do this? Maybe in a .php file? Or in elementor? I did some massive CSS on the site, so that it looks like it is right now. This Selector is to select all containers of the Dropdowns.

.tc-extra-product-options .cpf-type-select .tmcp-field-wrap label.fullwidth select{ color: red; } What i also tried is to use Elementors Html Code-widget to get the variable of the specific Id of a container.

This didnt work: the output is "undefined"

var e = document.getElementById(“tmcp_select_160362915b5ef2”); var strUser = e.options[e.selectedIndex].text; document.write(strUser) I hope someone has an idea on this.

thanks in advance

Berkan

PS: The site could look a bit messy i am sorry for that