DZone Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

Chara has posted 50 posts at DZone. View Full User Profile

Redirect with a Dropdown Menu in JavaScript

02.12.2013
| 4766 views |
  • submit to reddit
<!-- source: http://www.apphp.com/index.php?snippet=javascript-redirect-with-dropdown-menu -->
<script type="text/javascript">
function do_redirect(site){
   window.location.href = site;
}
</script>
 
<select onchange="do_redirect(this.value)">
   <option value="#">What site would you like to see?</option>
   <option value="http://www.google.com">Google</option>
   <option value="http://www.yahoo.com">Yahoo</option>
   <option value="http://www.apphp.com">ApPHP</option>
</select>

This simple scripts show a possibility to call a JavaScript function that retrieves a variable passed from drop down box as a parameter and then the JavaScript redirects the browser to the variable that was passed to it.

Comments

Dan Rios replied on Wed, 2013/02/13 - 1:06am