Reset cascading SELECT menu dropdown boxes

[Dan Gagliardi]

I have 3 SELECT menus, all populated from 3 different Collections.

S1 - S2 - S3

First time through the interface, S1 is populated, S2, S3 are not. choose S2, S3 gets populated.

Go back and Choose a new option form S1, S2 refreshes with new set, but S3 still has list of options from the first selection of S2. How can I reset both S3 when I choose a new option in S1.

Thanks
D

[maxkatz]

It's can be done with JavaScript. Here is a starting point: http://docs.appery.io/tutorials/build...

[Kateryna Grynko]

Hi Dan,

Just to add. To clean Select Menu component use "Run Javascript" action with the following code: codeAppery('selectMenuComponent').empty().selectmenu('refresh');/code Replace 'selectMenuComponent' with the component name.

[Dan Gagliardi]

for some reason, using the empty() method removes all entries and then the REST service can't properly populate the select box. I think I would need to empty() then add a no value option, then refresh.

Thanks for the help!

[Kateryna Grynko]

Let us know about the result.