JavaScript Navigation Drop Down List - Auto Link

JavaScript drop-down navigation list can automatically open the link to the selected page. This drop down list of benefits is not required click on the "submit" or "go" button. You can add as many links as you like.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script type="text/javascript">
function listThem() {
    if (document.chooser.sitelist.selectedIndex == 0) alert("Please select something");
    else if (document.chooser.sitelist.selectedIndex == 1) location = 'http://www.road2webmaster.com';
    else if (document.chooser.sitelist.selectedIndex == 2) location = 'http://www.google.com';
    else if (document.chooser.sitelist.selectedIndex == 3) location = 'http://www.yahoo.com';
 }
</script>

Insert this code into <body> tags

<form name="chooser" id="chooser">
    <table border="5" cellpadding="5" align="center">
      <tr>
        <th align="center" bgcolor="#99CC33">Make a choice:</th>
      </tr>

      <tr valign="middle">
        <td align="center" bgcolor="#CCCCCC"><select name="sitelist" onchange="listThem()">
          <option selected="selected">
            Select one
          </option>

          <option>
            Home Page
          </option>

          <option>
            Google
          </option>

          <option>
            Yahoo!
          </option>
        </select></td>
      </tr>
    </table>
  </form>

Instruction:

Webmaster » Web Programming » JavaScript » Navigation » Drop Down List - Auto Link

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links