Repeat Group update other fields on change

[sunnyjey]

I have repeat groups with following elements & minimum repeat set to 3:
1. Country (database join)
2. State (Cascade element watching Country element)
3. City (Cascade element watching State element)
4. other fields

How do I auto fill country, state, city in other repeatable rows in same Group when user selects these in the first row ? I don't want my user to select country/state/city again in other rows, as this data is going to be same in 70-80% cases.

I have tried to use Element Javascript, it updates the Country field, BUT it fails to update 'State/City' as I guess the 'Cascade' Element requires 'Click' Event to populate options.

 

[lousyfool]

Put generally, if element JS doesn't cut it, you always (also) have custom form JS.

 

[deant]

Or you can set Copy Values in repeat group and clear other fields using some script on after group is added event.
One or another way you need some custum JS form.