How to get cq:dialog dropdown checked value in html and javascript

[nikita24tailor]

I am using a dropdown in cq:dialog with two fields as shown below in the picture: 

The problem is that I want to get the selected value in html and javascript but not able to access those values. I tried using ${properties.propertyName} but it didn't work. Is there a way I can check which value is checked? 

[Lokesh_Vajrala]

@nikita24tailor Check if the property with selected value is persisted to JCR when you submitted the dialog in CRXDE -  http://localhost:4502/crx/de/index.jsp#/content/PAGE_PATH/jcr:content/COMPONENT_PATH 

[nikita24tailor · Accepted solution]

It's solved, just needed ${properties.propertyName}. Before this, I was using ${properties.nodeName}

[malay_dube]

Hi @nikita24tailor ,

Try to implement a slingmodel for that particular resource and using @valuemap attribute mapping, map that value with getter method and read the same in sightly.

Article for reference :
https://sourcedcode.com/blog/aem/aem-sling-model-injectors-annotations-cheat-sheet-reference-guide