How can I access configurable list control values from my Javascript?

Hello.

I am asking in reference to this form:

https://www.jotform.com/build/70476551908160

The section between the work "Participant(s)" and the "Add Another Participant" button is a configurable list. I would like to be able to export the source to a page where I will have some Javascript which will do things like count the number of participants, total up prices for shirt orders, and so forth.

The problem I'm having is that when I export the source and paste it into my page, the participant list is invisible. On the other hand, when I insert a link to the form, or insert the code from the "Iframe" publishing option, the controls inside the configurable list are not visible to the Javascript.

Can you suggest a way forward?

Thanks,

--Tony Rein

I understand that you want to access the fields of configurable list from the exported source code of the form. If so, unfortunately, it is not possible to access the values of configurable list widget from the source code since the widget is loaded using an iframe on the form. The widgets will be automatically loaded using their respective URL along with necessary libraries.

Hope this information helps! Let us know if you are referring something different. We will be happy to help. 

Hi, Kiran.

Thank you for your prompt response. Your understanding of my issue is almost correct -- I want to access the values of the configurable list widget, but it doesn't have to be from the source code. If my form is presented some other way than by pasting the source code into my page, that will be fine with me, as long as my Javascript can access the configurable list values.

Are you saying that what I want is not possible, no matter how the form is put into the page?

Thanks,

--Tony

Unfortunately, you will not be able to get the source of the Configurable List widget. Even if you download the form source code, the iFrame source will always be linked to the widget server.

Thank you for understanding.