[RESOLVED] Javascript - HTML Forums

jim255 · 10-22-2009, 01:21 PM

Hi guys im using this code, which works fine but im having difficulty in making it work for multiple drop down boxes.

<head>
<title></title>
<script language="JavaScript">

</script>

</head>

<body>
<form name="navList">
<select name="subMenu" onChange="jumpTo()">
<option value="home">
<option value="http://www.google.com">Front
<option value="page2.html">Middle
<option value="page3.html">Last
</select>
</form>

</body>

</html>

I want it so that I can add another drop down box and the javascript will cover that aswell and make it function in the way the first box does.

coothead · 10-22-2009, 02:32 PM

Hi there jim255,

this method will work for an infinite number of select elements...

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title></title>

<script type="text/javascript">

function goThere(){
   sel=document.forms[0].getElementsByTagName('select');
for(c=0;c<sel.length;c++) {
sel[c].onchange=function() { 
if(this.value!='') {
   location.href=this.value;
    }
   }
  }
 }

if(window.addEventListener){
   window.addEventListener('load',goThere,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',goThere);
  }
 }
</script>

</head>
<body>

<form action="#">

<div>

<select>
 <option value="">---options---</option>
 <option value="http://www.google.com">Front</option>
 <option value="page2.html">Middle</option>
 <option value="page3.html">Last</option>
</select>

<select>
 <option value="">---options---</option>
 <option value="http://www.yahoo.com">yahoo</option>
 <option value="http://www.htmlforums.com">HTML Forums</option>
 <option value="http://www.bbc.co.uk">The BBC</option>
</select>

</div>

</form>

</body>
</html>

jim255 · 10-22-2009, 04:42 PM

Ive tried it and it works great, thanks a lot

coothead · 10-22-2009, 05:00 PM

No problem, you're welcome.