# Drop down creation

**URL:** <https://community.hubspot.com/t/drop-down-creation/7695>\
**Category:** CMS Development\
**Created:** [February 6, 2018, 12:32pm UTC](https://community.hubspot.com/t/drop-down-creation/7695 "2018-02-06T12:32:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![amitr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/amitr/32/26012_2.png) [@amitr](https://community.hubspot.com/u/amitr)\
**Post date:** [February 6, 2018, 12:32pm UTC](https://community.hubspot.com/t/drop-down-creation/7695/1 "2018-02-06T12:32:16Z")

</div>

Hi,

My client want to display post list & post filter by tag within dropdown.How could I integrate such layout into HS blog page. Please let me know ASAP.

I attached the screenshot like what they want, please see the attachment

 ![Blog Menu.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/b/5b3fba7789124539589328126f3775b18d0cfa79.png)

---

<div class="post-metadata">

**Author:** ![roisinkirby](https://avatars.discourse-cdn.com/v4/letter/r/e95f7d/32.png) [@roisinkirby](https://community.hubspot.com/u/roisinkirby)\
**Post date:** [February 15, 2018, 11:55am UTC](https://community.hubspot.com/t/drop-down-creation/7695/2 "2018-02-15T11:55:17Z")

</div>

@TRooInbound do you think this would be possible using Hub DB?

---

<div class="post-metadata">

**Author:** ![TRooInbound](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/trooinbound/32/89545_2.png) [@TRooInbound](https://community.hubspot.com/u/TRooInbound)\
**Post date:** [February 15, 2018, 12:26pm UTC](https://community.hubspot.com/t/drop-down-creation/7695/3 "2018-02-15T12:26:30Z")

</div>

Hi @amitr,

You can use below code to create drop down option with blog category/tags.

```auto
<select id="blog-topics">
	<option>By Category</option>
	{% for topic in contents_topics %}
		<option value="{{ group.absolute_url }}/topic/{{ topic.slug }}">{{ topic.name }}</option>
	{% endfor %}
</select>

```

We hope it resolve your issue.

If our suggestion works for you please **mark it as a solution** to help the community.

---

<div class="post-metadata">

**Author:** ![stephenong](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stephenong/32/51304_2.png) [@stephenong](https://community.hubspot.com/u/stephenong)\
**Post date:** [April 7, 2020, 6:07am UTC](https://community.hubspot.com/t/drop-down-creation/7695/4 "2020-04-07T06:07:06Z")

</div>

Thanks @TRooInbound for the advice.

I’ve managed to show this dropdown based on Tags.

However when I clicked on an item on the dropdown, it does not filter out those tagged post. Any ideas please? Thanks!

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [April 7, 2020, 1:11pm UTC](https://community.hubspot.com/t/drop-down-creation/7695/5 "2020-04-07T13:11:22Z")

</div>

Hey @stephenong

So what you’ll have to do is reload the page with the selected tag in a query string parameter.

If you haven’t seen the [Real Estste Listing tutorial check it out!](https://designers.hubspot.com/docs/tutorials/how-to-build-a-real-estate-listing-with-hubdb) Pay attention to steps 3 and 4 as they contain the logic for you business case.