Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Dynamic drop down selection in multi-field

Avatar

Level 2

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.

1 Accepted Solution

Avatar

Correct answer by
Level 10

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

View solution in original post

5 Replies

Avatar

Level 10

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

Avatar

Correct answer by
Level 10

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

Avatar

Administrator

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



Kautuk Sahni

Avatar

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.