I have a component in which i have a multifield item. In each multifield item i have separate containers. In of the containers i have a dropdown. I am trying to fetch the selected value of the dropdown, but i am only getting select as the value with the below code. Whereas if use this code in other ...

thanks, it works!

if i add a loop in place of login, the loop never works for the newly added item. $(".coral3-Multifield-item").each(function (index) {console.log("add item");})

the above code triggers the console even if i click on a dropdown within multifield, whereas it should trigger only for Add button of multifield. Though the loop issue gets resolved using the above code.

this works but has a problem. The alert gets kicked even if i click on a dropdown, colorfield swatch (these are also within multifield items) etc. that should only get triggered for the click event of Add button

This is more of a validation. I am doing something like this : https://adapttoaem.blogspot.com/2021/02/setting-dynamic-dropdownselect-value-in.html but only difference is that im using colorfield instead of dropdown in a multifield. So using the above code in JS, when i add a new item to the multifi...

$(".coral3-Multifield-item").each(function( index ) {}this loop is not working for the newly added items. $("coral-multifield").children("button[coral-multifield-add]").on("click", function() {       $(".coral3-Multifield-item").each(function( index ) {             console.log("add item");        })...

thanks, it works!

my func is getting triggered when i am opening the dialog. Not when i click on the Add button

I want to call a JS function when a new item is added to the multifield. I have tried: $(".cq-dialog").find("coral3-Button coral3-Button--secondary").on("click", funcName);doesn't call my function.