Dynamic drop down selection in multi-field

[velp58307525]

I want to know how to create a dynamic drop down in multifield and my scenarios are

1.Inside the component, Values should be dynamically populated in drop down(selection)

2.And I have a multifield inside that mutifield i have a drop down based on the value which was selected in drop down values should be populated in the drop down which was inside multifield

3. To put it in the nut-shell drop down values which was shown in the multi-field should be based on the values populated on the first drop down. and we are trying to achieve this funcitonality but we are not successfull can any one guide me on this.

[Opkar_Gill]

Hi,

have a look here [1]. What version of AEM are you using?

Regards,

Opkar

[1] https://myprogressivelearning.wordpress.com/2015/01/21/setting-default-value-to-the-drop-down-of-dia...

[smacdonald2008]

See this community article - you can use servlets to dynamically populate AEM drop-down controls. 

https://helpx.adobe.com/experience-manager/using/dialog_fields_servlets.html

[edubey · Accepted solution]

Hi,

Here is the article which talks about implementing chain of drop down, where value one is dependent on another : 

http://experience-aem.blogspot.in/2014/02/aem-cq-56-chain-combo-boxes.html

[kautuk_sahni]

Hi

Adding to all above references, please find below more references that would help you :-

Link:- https://helpx.adobe.com/aem-forms/6/dynamically-populate-dropdowns.html

// Dynamically populating drop-down lists.

Thanks and Regards

Kautuk Sahni

[Former Community Member]

I was working on the same issue and found these solutions:

On AEM 6.1, Open the page in Classic Mode (will not work in TouchUI on AEM 6.1),

• Add a Form component, then within this Form component (also this feature will not work if the dropdowns are not within a form component)..
• Add the dropdown component, right-click, select EDIT, say the 1st one is Country, enter the values/items as US = USA, CA = Canada
• Add the 2nd dropdown component, say it to be "State".. On this component, right-click, select Show/Hide, Choose Country from dropdown, "is equal to" some-value, say "USA"
• This way, 2nd dropdown component will only show up when the first one is USA.

We ended up using AngularJS to achieve the above as the data that feeds into the dropdown comes from a web service for us.