Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.

Custom JS validation in multifield component


Level 5

I have created a multifield component named Image list. Every card of image list has a dropdown. Based on the value selected in the dropdown, certain dialog values appear. I've achieved this using below JS code. 

The issue is selection of dropdown value in one card is getting reflected in all other cards as well.


JS code is - 


Dropdown looks like this - 


How can I achieve the functionality that on changing the value in dropdown, other cards should not be affected?

The catch here is that the dropdown is in a multifield component. So, if the value is being changed in one card, it is somehow reflected in other cards as well.

2 Replies



@goyalkritika Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

Kautuk Sahni