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 A
inOptionA.html
,Option B
inOptionB.html
and 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');
});
});