<form name="test">
<select name="choose" style="width:300px;">
<option selected="">Select option</option>
<option value="http://url.com">Test</option>
</select>
<input onclick="location=document.test.choose.options[document.test.choose.selectedIndex].value;" value="Take me there!" type="button"></p>
</form>
Im using the following to make a dropdown list and was just wondering how i would make selected open in a new tab and not in its own window
Works fine as it is just need it to open in a new tab.
* Edit *
This worked as needed thanks
<input onClick="window.open(document.test.choose.options[document.test.choose.selectedIndex].value);" value="Take me there!" type="button">
To create a button link to another page in HTML,just add <a> tag and wrap it around the simple Html button. Inside a <a> tag simply use href=“” attribute to give the path of the desired page.
Using onclick Event: The onclick event attribute works when the user click on the button. When mouse clicked on the button then the button acts like a link and redirect page into the given location. Using button tag inside <a> tag: This method create a button inside anchor tag.
try window.open
window.open('http://www.google.com');
live demo - http://jsfiddle.net/im4aLL/tzp4H/
function open_in_new_tab(url )
{
var win=window.open(url, '_blank');
win.focus();
}
Call that function when you want to open a link in a new tab. Also check here and here
Regarding your updated answer to your original post:
Adding ,'_blank'
after the .value
like so:
<input type="button" onClick="window.open(document.test.choose.options[document.test.choose.selectedIndex].value,'_blank');>
Actually opens in a new tab instead of an entirely new browser window.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With