Search jQuery

jQuery Forum

Making Navigation from drop down select tag?

in Using jQuery • 10 years ago

I need to make my navigation of this website work from a drop down select tag. I realise this
will involve a bit a jQuery. this is how my HTML looks so far :

```
<div id="top_nav">
```
```
    <select>
```
```
    <option value="">1</option>
```
```
    <option value="">2</option>
```
```
    <option value="">3</option>
```
```
    <option value="">4</option>
```
```
    <option value="">5</option>
```
```
    <option value="">Contact</option>
```
```
</select>
```

So when user selects 2 for example, it takes them to page 2 of the site. Any help with this much appreciated.

Thanks Bas

Replies(2)

jay.blanc..

Re: Making Navigation from drop down select tag?

10 years ago

This tutorial should help, just apply the techniques to your drop-down list: http://tutorialzine.com/2009/09/stylish-navigation-menu-jquery/

angela

Re: Making Navigation from drop down select tag?

10 years ago

<div id="top_nav">
    <select>
        <option value="page1.html">1</option>
        <option value="page2.html">2</option>
        <option value="page3.html">3</option>
        <option value="page4.html">4</option>
        <option value="page5.html">5</option>
        <option value="contact.html">Contact</option>
    </select>
</div>

$('#top_nav select').change(function(){
    window.location = $(this).val();
});

Thanks for help, this is the jQuery I have found to solve this.

Top Reply

Response title

Attachments

jQuery Forum

Making Navigation from drop down select tag?

Replies(2)

Re: Making Navigation from drop down select tag?

Re: Making Navigation from drop down select tag?

Statistics

Tags

Actions

Related Posts