How to Add/Open Links in Drop Down Menu Selections

In this tutorial, you will learn that how you can add links in drop down menu selections and values and so link opens when you select and click submit.

Drop Down Menu: Open Links in New Tab + “Go” link

<html>
<body>
<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select Site</option>
<option value="http://www.yahoo.com">Yahoo!!!</option>
<option value="http://www.gmail.com">Gmail</option>
<option value="http://www.google.co.in">Google</option>
<option value="http://www.facebook.com">Facebook</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)">
</form>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *