Skip to content Skip to sidebar Skip to footer
Home / Drop Down Menu / Html

Open Dd Menu Selection In New Window

Post a Comment
I'm using the following code for a drop down menu but I want the selected option to open in a new window. How should I change this code to make this work?

Solution 1:

see below...

index.html

<html><body><formname="blah_blah"><selectname="ddmenu_name"id="ddmenu_name"style="width: 80% !important;"><optionvalue="first_option_name"selected>option display name</option><optionvalue="page1.html">1st option name</option><optionvalue="page2.html">2nd option name</option></select><inputtype="button"name="Submit"value="Go!"onClick="window.open(ddmenu_name.value,'newtab')"></form></body></html>

page1.html

<html>
<body>
Page 1
</body>
</html>

page2.html

<html>
<body>
Page 2
</body>
</html>

Hope this is what you needed!!!

Good Luck!!!

Update 1

If you want to open new window quickly after selecting option (and not pressing Go button), below is code

<html><body><formname="blah_blah"><selectname="ddmenu_name"id="ddmenu_name"style="width: 80% !important;"onChange="window.open(ddmenu_name.value,'newtab'"><optionvalue="first_option_name"selected>option display name</option><optionvalue="page1.html">1st option name</option><optionvalue="page2.html">2nd option name</option></select></form></body></html>

You may like these posts

Post a Comment for "Open Dd Menu Selection In New Window"