AJAX

Drop down list Selected Value - Current Page

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jan 2005

Posts: 10

Reputation: raywood5 is an unknown quantity at this point

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

Posts: 55

Reputation: hunkychop is an unknown quantity at this point

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>