Drop down list Selected Value - Current Page

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 426,256 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,078 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 2945 | Replies: 1

•

Join Date: Jan 2005

Posts: 10

Reputation: raywood5 is an unknown quantity at this point

Rep Power: 4

Solved Threads: 1

raywood5

Offline

Newbie Poster

Drop down list Selected Value - Current Page

Mar 24th, 2008

I want to us a simple HTML drop down lists (<select name="menu"....) as a quick jump between a couple of different html pages. I was able to come up with the script to have the pages jump to the URLs. However, I was hoping to have the current page dynmically selected. For example, If I am on the page for Nike Running Shoes (nike-running-shoes.html) that value in the drop down would be selected.

Any suggestions...?

•

Join Date: Mar 2007

Location: georgia

Posts: 55

Reputation: hunkychop is an unknown quantity at this point

Rep Power: 2

Solved Threads: 4

hunkychop

Offline

Junior Poster in Training

Re: Drop down list Selected Value - Current Page

Mar 24th, 2008

here is the script:

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<select id="jump">
 
  <option value="http://localhost/page2.html" onclick="javascript:window.location = this.value;">page2</option>
  <option value="http://localhost/page1.html" onclick="javascript:window.location = this.value;">page1</option>
  <option value="http://localhost/page3.html" onclick="javascript:window.location = this.value;">page3</option>
 
</select>
<script type="text/javascript">
var slect=document.getElementById('jump');
if(slect.value!==location.href){
	slect.value = location.href;
}
</script>
<select id="jump">

  <option value="http://localhost/page2.html" onclick="javascript<b></b>:window.location = this.value;">page2</option>
  <option value="http://localhost/page1.html" onclick="javascript<b></b>:window.location = this.value;">page1</option>
  <option value="http://localhost/page3.html" onclick="javascript<b></b>:window.location = this.value;">page3</option>
  
</select>
<script type="text/javascript">
var slect=document.getElementById('jump');
if(slect.value!==location.href){
	slect.value = location.href;
}
</script>