# Select Dropdown with Hierarchy

**URL:** <https://discourse.nodered.org/t/select-dropdown-with-hierarchy/83096>\
**Category:** Developing Nodes\
**Created:** [22 November 2023 13:33 UTC](https://discourse.nodered.org/t/select-dropdown-with-hierarchy/83096 "2023-11-22T13:33:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![germancmartinez](https://avatars.discourse-cdn.com/v4/letter/g/2bfe46/32.png) [@germancmartinez](https://discourse.nodered.org/u/germancmartinez)\
**Post date:** [22 November 2023 13:33 UTC](https://discourse.nodered.org/t/select-dropdown-with-hierarchy/83096/1 "2023-11-22T13:33:19Z")

</div>

Hi! Is there a way to implement a Select Dropdown with Hierarchy in the Editor?  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/2/9258bc4a7967fc80e8086a16fd1d54dcfc1544e1.png)

---

<div class="post-metadata">

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\
**Post date:** [22 November 2023 13:48 UTC](https://discourse.nodered.org/t/select-dropdown-with-hierarchy/83096/2 "2023-11-22T13:48:46Z")

</div>

On the basis you're developing your own Node RED module...

Developing the editor dialog, uses nothing more than standard HTML/Javascript (well, near enough)  
So I would start by finding some jQuery plugins that you can potentually use.

Node RED has some plugins available for use  
[https://nodered.org/docs/api/ui/](https://nodered.org/docs/api/ui/)

And if using jQuery Plugins, you might want to look at the resources API  
[https://nodered.org/docs/creating-nodes/resources](https://nodered.org/docs/creating-nodes/resources)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [22 November 2023 14:50 UTC](https://discourse.nodered.org/t/select-dropdown-with-hierarchy/83096/3 "2023-11-22T14:50:32Z")

</div>

The Editor includes both jQuery and jQueryUI. There is certainly a combobox in jQueryUI though when I tried it, I couldn't get it to work properly. Probably my bad but there we go.

Worth noting that your custom node can include a `resources` folder. Anything in there will be made available to the Editor and so can be consumed in your Edit panel. So if you need a custom library, you can always put something there.

Personally, I've moved standard code and styles that are shared in my nodes to the resources folder and I've also moved each node's Editor JavaScript out of the html file and into the resources folder (linked in from the html file of course). This has the advantages of enabling a dedicated eslint configuration for editor code and it is, in my view, a lot easier to edit the javascript separate from the other html.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [21 January 2024 14:50 UTC](https://discourse.nodered.org/t/select-dropdown-with-hierarchy/83096/4 "2024-01-21T14:50:46Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.