# How to retrieve data from ui dropdown on button click

**URL:** https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259
**Category:** Dashboard
**Created:** [15 June 2019 11:47 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259 "2019-06-15T11:47:56Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![nassima100](https://avatars.discourse-cdn.com/v4/letter/n/e5b9ba/32.png) [@nassima100](https://discourse.nodered.org/u/nassima100)
#### Post date: [15 June 2019 11:47 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/1 "2019-06-15T11:47:56Z")

</div>

Hello, I want to retrieve the selected data from 2 ui dropdowns when I click on an ui button, is that possible ?  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/6/662c4fa74b3e45271f9d076c692146eca87cb66a.png)

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [15 June 2019 12:10 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/2 "2019-06-15T12:10:22Z")

</div>

Store the dropdown values in flow context as they happen. Then when the button is pressed, get the values out of flow context.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [15 June 2019 12:11 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/3 "2019-06-15T12:11:53Z")

</div>

[https://nodered.org/docs/user-guide/context](https://nodered.org/docs/user-guide/context)

That should help ^.

Also search this forum for store dropdown in context.

---

<div class="post-metadata">

### Author: ![nassima100](https://avatars.discourse-cdn.com/v4/letter/n/e5b9ba/32.png) [@nassima100](https://discourse.nodered.org/u/nassima100)
#### Post date: [15 June 2019 12:17 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/4 "2019-06-15T12:17:28Z")

</div>

thanks I'll try it

---

<div class="post-metadata">

### Author: ![nassima100](https://avatars.discourse-cdn.com/v4/letter/n/e5b9ba/32.png) [@nassima100](https://discourse.nodered.org/u/nassima100)
#### Post date: [15 June 2019 12:58 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/5 "2019-06-15T12:58:49Z")

</div>

I kind of get lost, could you be more clear ? If you have an example it will help more, thanks in advance

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [15 June 2019 13:44 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/6 "2019-06-15T13:44:37Z")

</div>

Like this maybe

```auto
[{"id":"fe000015.cb567","type":"ui_dropdown","z":"428922dd.2ac0ac","name":"","label":"Select 1","tooltip":"","place":"Select option 1","group":"86228.687a5dd88","order":2,"width":0,"height":0,"passthru":true,"options":[{"label":"A","value":"A","type":"str"},{"label":"B","value":"B","type":"str"}],"payload":"","topic":"S1","x":370,"y":560,"wires":[["4824b297.cf378c"]]},{"id":"5c0814e2.f909cc","type":"ui_button","z":"428922dd.2ac0ac","name":"","group":"86228.687a5dd88","order":4,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":380,"y":680,"wires":[["3c943ed0.3fd552"]]},{"id":"e8a2dda2.21b51","type":"ui_dropdown","z":"428922dd.2ac0ac","name":"","label":"Select 2","tooltip":"","place":"Select option 2","group":"86228.687a5dd88","order":2,"width":0,"height":0,"passthru":true,"options":[{"label":"C","value":"C","type":"str"},{"label":"D","value":"D","type":"str"}],"payload":"","topic":"S2","x":380,"y":620,"wires":[["4824b297.cf378c"]]},{"id":"4824b297.cf378c","type":"join","z":"428922dd.2ac0ac","name":"","mode":"custom","build":"object","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":true,"timeout":"","count":"1","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":560,"y":580,"wires":[["a3d05155.f4a6c"]]},{"id":"a3d05155.f4a6c","type":"change","z":"428922dd.2ac0ac","name":"","rules":[{"t":"set","p":"selected","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":750,"y":580,"wires":[[]]},{"id":"3c943ed0.3fd552","type":"change","z":"428922dd.2ac0ac","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"selected","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":590,"y":680,"wires":[["b8dae18b.dfdc1"]]},{"id":"b8dae18b.dfdc1","type":"debug","z":"428922dd.2ac0ac","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":810,"y":680,"wires":[]},{"id":"86228.687a5dd88","type":"ui_group","z":"","name":"Default","tab":"e006699.f40dd98","disp":true,"width":"6","collapse":false},{"id":"e006699.f40dd98","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

### Author: ![nassima100](https://avatars.discourse-cdn.com/v4/letter/n/e5b9ba/32.png) [@nassima100](https://discourse.nodered.org/u/nassima100)
#### Post date: [15 June 2019 13:48 UTC](https://discourse.nodered.org/t/how-to-retrieve-data-from-ui-dropdown-on-button-click/12259/7 "2019-06-15T13:48:55Z")

</div>

> [@dceejay](#):
>
> ```auto
> [{"id":"fe000015.cb567","type":"ui_dropdown","z":"428922dd.2ac0ac","name":"","label":"Select 1","tooltip":"","place":"Select option 1","group":"86228.687a5dd88","order":2,"width":0,"height":0,"passthru":true,"options":[{"label":"A","value":"A","type":"str"},{"label":"B","value":"B","type":"str"}],"payload":"","topic":"S1","x":370,"y":560,"wires":[["4824b297.cf378c"]]},{"id":"5c0814e2.f909cc","type":"ui_button","z":"428922dd.2ac0ac","name":"","group":"86228.687a5dd88","order":4,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":380,"y":680,"wires":[["3c943ed0.3fd552"]]},{"id":"e8a2dda2.21b51","type":"ui_dropdown","z":"428922dd.2ac0ac","name":"","label":"Select 2","tooltip":"","place":"Select option 2","group":"86228.687a5dd88","order":2,"width":0,"height":0,"passthru":true,"options":[{"label":"C","value":"C","type":"str"},{"label":"D","value":"D","type":"str"}],"payload":"","topic":"S2","x":380,"y":620,"wires":[["4824b297.cf378c"]]},{"id":"4824b297.cf378c","type":"join","z":"428922dd.2ac0ac","name":"","mode":"custom","build":"object","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":true,"timeout":"","count":"1","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":560,"y":580,"wires":[["a3d05155.f4a6c"]]},{"id":"a3d05155.f4a6c","type":"change","z":"428922dd.2ac0ac","name":"","rules":[{"t":"set","p":"selected","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":750,"y":580,"wires":[[]]},{"id":"3c943ed0.3fd552","type":"change","z":"428922dd.2ac0ac","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"selected","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":590,"y":680,"wires":[["b8dae18b.dfdc1"]]},{"id":"b8dae18b.dfdc1","type":"debug","z":"428922dd.2ac0ac","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":810,"y":680,"wires":[]},{"id":"86228.687a5dd88","type":"ui_group","z":"","name":"Default","tab":"e006699.f40dd98","disp":true,"width":"6","collapse":false},{"id":"e006699.f40dd98","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
> 
> ```

Thanks a lot it solved the problem 😃
