SOLVED

Populate second drop-down on the basis of value selected in First Dropdown

Veenu
Level 1
Level 1

I've requirement to populate second drop down on the basis of value selected in first dropdown.

The catch here is list for both the drop-down is dynamic, I've to fetch it from back-end.

I need to implement this in AEM component.

Kindly suggest @Arun_Patidar  @Veena_Vikram @Theo_Pendle 

1 Accepted Solution
HalehHaerian
Correct answer by
Level 1
Level 1

As @Arun_Patidar  mentioned, you should use the json and fill the drop down list.

You can get help of this page as well.
https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/coral-ui/c... .
This Dynamic drop down List will not save the previous selected value by reopening the dialog box. If you want to save it you should use “.selecteditem” as you see in the link which I attached.

 

View solution in original post

4 Replies
Arun_Patidar
Community Advisor
Community Advisor

You can create the first dropdown as dynamic based on datasource. Second dropdown you have to populate based on on select event of option of first dropdown.

 

Long back I created a POC solution where second dropdown populated with the children pages based on selected page in first dropdown(pathbrowser in my example)

https://github.com/arunpatidar02/aem63app-repo/blob/master/js/dynamic-dropdown.js

 

@HalehHaerian  could you please guide here as you adapted this solution for dropdowns.

HalehHaerian
Correct answer by
Level 1
Level 1

As @Arun_Patidar  mentioned, you should use the json and fill the drop down list.

You can get help of this page as well.
https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/coral-ui/c... .
This Dynamic drop down List will not save the previous selected value by reopening the dialog box. If you want to save it you should use “.selecteditem” as you see in the link which I attached.

 

View solution in original post

Veena_Vikram
Community Advisor
Community Advisor
Hey sorry. I was away for somedays. Did this sort out for you ?
Veenu
Level 1
Level 1
Yeah @Veena_Vikram , the approached which Arun suggested worked for me.