Add selected as true to dynamic dropdown

snbaem

03-02-2020

Hello All, I am trying to follow https://helpx.adobe.com/experience-manager/using/creating-touchui-dynamic.html and able to get the dynamic dropdown. However if I want to have a second dropdown value as selected I am unable to do so. Am I missing something?

 

I am trying following

DataSource ds = new SimpleDataSource(new TransformIterator(languages.keySet().iterator(), new Transformer() {
       public Object transform(Object o) {
           String language = (String) o;
           ValueMap vm = new ValueMapDecorator(new HashMap<String, Object>());
 
           vm.put("value", language);
           vm.put("text", languages.get(language));
//my custom
if(selctedLanguage==true) {
vm.put("selected", true);
}
 
           return new ValueMapResource(resolver, new ResourceMetadata(), "nt:unstructured", vm);
       }
   }));

. Still the drop down values show as top one selected. 

 

cc @Arun_Patidar I have looked at aem63app-repo/dynamic-dropdown.js at master · arunpatidar02/aem63app-repo · GitHub but I want to achieve this when I am populating the second dropdown via datasource. Using a ./hiddenproperty did not work for me...

AEM 6.4 dynamic dropdown

Accepted Solutions (1)

Accepted Solutions (1)

Answers (2)

Answers (2)

sunjot16

Employee

03-02-2020

Once the select tag is created, you can read that document element using query selector, parse through its options and set the "selected" attribute to the second option.

 

Hope it helps !!