Inside-Out - Web Design & Development 4 Beginners

Change Page on Drop Down

December 30, 2009

Sometimes is good to offer something a little different within a website’s navigation. The following HTML/JavaScript snippet allows you to hyper-link to other pages via a simple form drop-down. Once an option within the drop-down is selected, your browser will automatically take you to the page referenced within the option value.

JavaScript

<script type="text/javascript">
function jumppage(x)
{
if (document.form.jump_A.value != "null") { document.location.href = x }
}
</script>

HTML

<form id="My_Form" enctype="application/x-www-form-urlencoded" method="post">
<select name="jump_A">
<option value="this-page.html">Please Select</option>
<option value="page-1.html">Page 1</option>
<option value="page-2.html">Page 2</option>
<option value="page-3.html">Page 3</option>
</select>
</form>

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Technorati
  • BlinkList
  • De.lirio.us
  • Furl
  • Reddit
  • StumbleUpon

Comments are closed.

Previous Post
« Button as a Link