1 Reply Latest reply on Mar 18, 2010 11:48 AM by Nancy OShea

    Drop-Down Menu

    ben707

      The drop-down menu for my website "appliancespecilaist.ca" is not working properly, the options in the drop down are not takes users to another page when they are clicked, do i need to put in a "go" button for it to work or is there a way to make the words actualy link to another page when they are clicked? Thanks in advance. The code for the drop down is below.

       

      <form id="SearchForm" action="" enctype="multipart/form-data">
                             
                               
                             <select name="select">
      <option selected value="http://www.appliancespecialist.ca/montreal.php">Montreal</option>
                           <option value="http://appliancespecialist.ca/toronto.php">Toronto</option>    
                     
                    
                                </select>
                              </div>
                          </form>

        • 1. Re: Drop-Down Menu
          Nancy OShea Adobe Community Professional & MVP

          What you have now is a form drop-list.  What you need is a JavaScript Jump Menu.

           

          Copy and paste this code into a new, blank HTML document to test.

           

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <title>Jump Menu<title>
          <script type="text/JavaScript">
          <!--
          function MM_jumpMenu(targ,selObj,restore){ //v3.0
            eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
            if (restore) selObj.selectedIndex=0;
          }
          
          function MM_findObj(n, d) { //v4.01
            var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
              d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
            if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
            for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
            if(!x && d.getElementById) x=d.getElementById(n); return x;
          }
          
          function MM_jumpMenuGo(selName,targ,restore){ //v3.0
            var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
          }
          //-->
          </script>
          </head>
          
          <body>
          <form name="form1" id="form1">
          <select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
          <option value="montreal.php">Montreal</option>
          <option value="toronto.php">Toronto</option>
          </select>
          <input type="button" name="Button1" value="Go" onclick="MM_jumpMenuGo('menu1','parent',0)" />
          </form>
          </body>
          </html>
          
          

           

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists
          http://alt-web.com/
          http://twitter.com/altweb
          http://alt-web.blogspot.com