# Any ideas on why my dropdown menu isn't working?

**URL:** <https://forum.freecodecamp.org/t/any-ideas-on-why-my-dropdown-menu-isnt-working/148436>\
**Category:** General\
**Created:** [September 17, 2017, 5:52pm UTC](https://forum.freecodecamp.org/t/any-ideas-on-why-my-dropdown-menu-isnt-working/148436 "2017-09-17T17:52:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stephen0730](https://avatars.discourse-cdn.com/v4/letter/s/dbc845/32.png) [@Stephen0730](https://forum.freecodecamp.org/u/Stephen0730)\
**Post date:** [September 17, 2017, 5:52pm UTC](https://forum.freecodecamp.org/t/any-ideas-on-why-my-dropdown-menu-isnt-working/148436/1 "2017-09-17T17:52:02Z")

</div>

Code for the dropdown menu starts around line 15, I’ve tried a few different things to get it working and nothing has so far; specifically, none of the actual menu suggestions work. Any suggestions?

[https://codepen.io/Stephen0730/pen/mBJoYR?editors=1100](https://codepen.io/Stephen0730/pen/mBJoYR?editors=1100)

---

<div class="post-metadata">

**Author:** ![Motardo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/motardo/32/60789_2.png) [@Motardo](https://forum.freecodecamp.org/u/Motardo)\
**Post date:** [September 17, 2017, 8:14pm UTC](https://forum.freecodecamp.org/t/any-ideas-on-why-my-dropdown-menu-isnt-working/148436/2 "2017-09-17T20:14:15Z")

</div>

Hi,  
There are two problems with your markup:

```auto
<option><a href"#11">About</a></option>
<option><a href"#portfolio">Portfolio</a></option>
<option><a href"#contact">Contact</a></option>

```

- It should be href **=** ’#…’
- Using `select` and `option` is not the normal way of making a dropdown menu

The standard way of making dropdown menus is to use markup like:

```auto
<nav>
  <ul>
    <li><a href='...
    <li><a href='...
    <li><a href='...

```

and use css and javascript to get the desired look and behavior. Google dropdown menu for examples and tutorials.

But, if you really needed to not use javascript, you could probably make it work with `select` and `option` by doing something like:

```auto
<select onchange="window.location.href=this.value">
    <option>#portfilio</option>
    <option>#contact</option>

```

---

<div class="post-metadata">

**Author:** ![ErolAliyev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/erolaliyev/32/54700_2.png) [@ErolAliyev](https://forum.freecodecamp.org/u/ErolAliyev)\
**Post date:** [September 17, 2017, 8:17pm UTC](https://forum.freecodecamp.org/t/any-ideas-on-why-my-dropdown-menu-isnt-working/148436/3 "2017-09-17T20:17:00Z")

</div>

Hi there,

Sorry but you dont have any classes for dropdown menu.  
I hope, [this link](https://getbootstrap.com/docs/3.3/components/#dropdowns) will be helpful for your problem.

Btw, you dont need use cdn for bootstrap in the CodePen. You can simply choose from Settings -\> CSS -\> Quick Add -\> Bootstrap.

Hope. it helps. 🙂

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 9:37am UTC](https://forum.freecodecamp.org/t/any-ideas-on-why-my-dropdown-menu-isnt-working/148436/4 "2021-01-17T09:37:41Z")

</div>