I want to have a drop down menu and
- open selected items in a new tab
- include external links as selection options
How should I change the following code to make it work as described above?
<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')">
</form>
Thank you!
I want to have a drop down menu and
- open selected items in a new tab
- include external links as selection options
How should I change the following code to make it work as described above?
<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')">
</form>
Thank you!
Share Improve this question edited Jan 22, 2012 at 16:16 j08691 208k32 gold badges269 silver badges280 bronze badges asked Jan 22, 2012 at 14:17 webmaniacgrwebmaniacgr 7032 gold badges11 silver badges17 bronze badges 9- please also see a previous Q&A: stackoverflow./questions/8960981/… – webmaniacgr Commented Jan 22, 2012 at 14:18
- one question : what you mean by include external links as selection options What exactly you mean to say?? again you are not clear... – Fahim Parkar Commented Jan 22, 2012 at 15:33
- better explain by example.... – Fahim Parkar Commented Jan 22, 2012 at 15:34
- I want users to select an option from the drop down menu, then click on "Go" and get a new tab opened in their browser, displaying their selection choice. I want the links to be external, meaning leading to a different website/page than the one where the dd menu is. – webmaniacgr Commented Jan 22, 2012 at 15:38
-
Now it clears what you want... One more question :)... When I select Option A and click
Go, I can print "Option A" in new tab, BUT question es here... do you want to printOption AinOptionA.html,Option BinOptionB.htmland so on.... else you are OK with all options printed inOptionA.html? means whenever I select Any option, clickGo, it will get printed in ONE html file (e.g. inOptionA.html).... Let me know if you are not clear with my question – Fahim Parkar Commented Jan 22, 2012 at 15:43
2 Answers
Reset to default 2Check this code
<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.">Yahoo!!!</option>
<option value="http://www.gmail.">Gmail</option>
<option value="http://www.google.co.in">Google</option>
<option value="http://www.facebook.">Facebook</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)">
</form>
</body>
</html>
Hope this is what you need...
Try this:
HTML:
<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" id="Submit" value="Go!">
</form>
jQuery:
$(document).ready(function(){
var Link = $('#ddmenu_name').val();
$('#Submit').click(function() {
window.open(Link,'_blank');
});
});