how to get all values from multiselect dropdown in aem?

[rahul234dabas]

hi , I am trying to access the selected values in AEM but only able to access the first value of the multiselect field

for e.g:

   var allRegionFields = document.querySelectorAll("coral-select.regionselect");// all multiselect fields i.e-3

         for(var i =0;i<allRegionFields.length;i++){

           console.log("validator call: ",allRegionFields[i].value); //it's returning only the 1st value selected in the multiselect

         }

how can I get all values for the multiselect dropdown

[Kiran_Vedantam]

Hi @rahul234dabas 

It is suggested to access the dialog values in the java model and then pass them to HTL like this: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/htl-render-multiple-select...

Hope this helps!

Thanks,

Kiran Vedantam

[PhaniRajuTanneru]

Hi,

Please check the below link.

https://www.linkedin.com/pulse/aem-hideshow-drop-down-select-options-more-than-one-values-vikraman/

Hope this can help you!

[arunpatidar]

Hi Rahul,

Where do you want to get the values, is it in the dialog or in the HTL?

[rahul234dabas]

in HTL @arunpatidar 

[rahul234dabas]

not in HTL but in the listener file I need to have the values that is the js file in extraClientLibs

[arunpatidar]

Please check https://developer.adobe.com/experience-manager/reference-materials/6-4/coral-ui/coralui3/Coral.Selec...

var instance = document.querySelector('.dropdown-class')
var allItems = instance.selectedItems()