Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

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