Dropdown option menu with javascript

Question

I have created a website with javascript dropdown option menu.

This is my menu.php file

<select onchange="if (this.value) window.location.href=this.value">
<option value="/home.php">Home</option>
<option value="/aboutme.php">About Me</option>
<option value="/work.php">Work</option>
<option value="/contect.php">Contect Me</option>
</select>

I have included this file on every pages of website. It works fine.

Now what I want is : When I click on the aboutMe from dropdown menu in "home" It should redirect me to About Me page and dropdown menu in aboutme page should remain at about me. So far it is redirecting successfully, but dropdown menu always remains on "Home".

Is there a way to solve this ? or Should I create a saparate file for each pages?

I am confused. Please Help.

set selected property to option elements as per page. it will work fine. — Bharat Ranpariya
– Bharat Ranpariya, Commented Jul 17, 2015 at 9:37
You may need to pass the value via the querystring and use that on the target page to set the drop down accordingly. — Ash
– Ash, Commented Jul 17, 2015 at 9:37

andrew · Accepted Answer · 2015-07-17 09:40:57Z

3

Give your select an id:

<select id="page" onchange="if (this.value) window.location.href=this.value">

and use the script:

<script>
  window.onload = function(){
    document.getElementById('page').value =  window.location.href;
  }
</script>

answered Jul 17, 2015 at 9:40

andrew

9,6039 gold badges36 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dropdown option menu with javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related