# How to create a searchable dropdown menu

**URL:** <https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864>\
**Category:** Help Requests\
**Created:** [October 31, 2020, 9:36pm UTC](https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864 "2020-10-31T21:36:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rhysshadow](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/rhysshadow/32/1959_2.png) [@rhysshadow](https://discourse.aurelia.io/u/rhysshadow)\
**Post date:** [October 31, 2020, 9:36pm UTC](https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864/1 "2020-10-31T21:36:32Z")

</div>

I was using fomantic-ui’s searchable dropdown when it inexplicably stopped working with no changes on my part.

After debugging it and getting nowhere, I am considering a different plugin to get this capability.

Are there any searchable dropdown menu plugins for aurelia?

---

<div class="post-metadata">

**Author:** ![dnkm](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/dnkm/32/594_2.png) [@dnkm](https://discourse.aurelia.io/u/dnkm)\
**Post date:** [November 1, 2020, 3:28pm UTC](https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864/2 "2020-11-01T15:28:01Z")

</div>

I don’t know your use case, but you could use the datalist element (which I only discovered today!). May not suit your requirements, but I can’t believe I didn’t know about it. Useful in some situations I guess?

> **[: The HTML Data List element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist)**
>
> The HTML datalist element contains a set of option elements that represent the permissible or recommended options available to choose from within other controls.

---

<div class="post-metadata">

**Author:** ![mroeling](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mroeling/32/781_2.png) [@mroeling](https://discourse.aurelia.io/u/mroeling)\
**Post date:** [November 2, 2020, 8:14am UTC](https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864/3 "2020-11-02T08:14:18Z")

</div>

Interesting! Tbh I’ve never heard about it before as well.  
Found a related post with multiple support: [https://www.meziantou.net/html-multiple-selections-with-datalist.htm](https://www.meziantou.net/html-multiple-selections-with-datalist.htm)

---

<div class="post-metadata">

**Author:** ![liidtke](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/liidtke/32/1650_2.png) [@liidtke](https://discourse.aurelia.io/u/liidtke)\
**Post date:** [November 4, 2020, 9:23pm UTC](https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864/4 "2020-11-04T21:23:46Z")

</div>

I made a dropdown component that uses semantic css, but all behavior is remade, if you want I can share with you.

---

<div class="post-metadata">

**Author:** ![rhysshadow](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/rhysshadow/32/1959_2.png) [@rhysshadow](https://discourse.aurelia.io/u/rhysshadow)\
**Post date:** [November 8, 2020, 6:05pm UTC](https://discourse.aurelia.io/t/how-to-create-a-searchable-dropdown-menu/3864/5 "2020-11-08T18:05:25Z")

</div>

That would be lovely. Thank you
