Populate fields of form B with values that are submitted in form A

Hello @shoaib114

I’ll assume you have inserted in the thank you page of the form A the shortcode of the form B, and that you want to populate the fieldname1 in the form B with the value of the fieldname2 in the form A:

Best regards.

Hello first of all I’m using elementor page not the normal WordPress page. Both the forms (A & B) are on the same page, not another thank you page. I just want to pass one value on the other form on the same page. Kindly help me with this.

Here’s screenshot
https://ibb.co/2ksvRrS

Hello @shoaib114

That was not your original question.

In this case you should:

1. Assign an unique class name to the field in the form A, for example: field-a

Note: The class names are assigned to the fields through their attributes “Add CSS Layout Keywords”

2. Assign an unique class name to the field in the form B, for example: field-b

3. Insert a “HTML Content” field in the form B with the following piece of code:

<script>
jQuery(document).on('change', '.field-a input', function(){
jQuery('.field-b input').val(this.value).change();
});
jQuery(window).on('load', function(){jQuery('.field-a input').change();});
</script>

Best regards.

Thank you so much sir
I’m going to try this, I’ll update here if this works.

@codepeople thank you so much sir it’s working.
You’re life savior.

@codepeople can you tell me how can I hide fields on public page? I want to use values of that field but also I want to hide them in public page.
I have already assigned a unique class “field-b” to that field in “Add css keywords”. Can I hide that field also?
I have checked in settings but I can not find any option to hide field from public page.
Thank you.

Hello @shoaib114

You should enter the predefined class name: hide-strong into the “Add CSS Layout Keywords” attribute of these fields, or you can use “Hidden” fields.

Best regards.