How can I clear data from dialog when user picks a different option from dropdown?

Question

Hi all,
 
I am working on a component which has show-hide fields based on dropdown value author select. Now, the issue is that if I enter data for particular fields (let's say fields for this value of dropdown are in container A) after selecting value from dropdown and then selecting another value from dropdown and again entering data in the fields(let's say fields are different and are in container B), it is saving all the values instead of fields which are appearing based on dropdown. I want save the values only for the fields based on dropdown selection and if there are already any values saved that should be removed from the repository as well. How can I achieve this functionality? If there is already a solution available please do share.
 
Thanks in advance!!!

Manu_Mathew_ · Accepted Answer

@jangra98 There are many solutions using custom js- one such eg: https://aemhints.com/2020/11/02/show-hide-fields-in-aem-dialog/

Jagadeesh_Prakash · Answer

@jangra98  : You should have done written custom JS to achive this functionality. When you are changing the dropdown make sure to reset the values from JS https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-can-i-clear-data-from-dialog-when-user-picks-a-different/td-p/200286

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded