CODEWITHSUNDEEP
htmlonclick
Dan Howes
Dan Howes

Reputation: 87

input onclick new tab

<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">

Upvotes: 7

Views: 56387

Answers (4)

Mujeeb Ishaque
Mujeeb Ishaque

Reputation: 2711

Nothing advanced or similar. You just need to add _blank as the following example demonstrate. 

  <a href="someLink.html" target="_blank">
      <button>Visit my Github</button>
  </a>

Upvotes: 0

gyrofly
gyrofly

Reputation: 39

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.

Upvotes: 2

Hadi
Hadi

Reputation: 2905

try window.open

window.open('http://www.google.com');

update

live demo - http://jsfiddle.net/im4aLL/tzp4H/

Upvotes: 21

imulsion
imulsion

Reputation: 9040

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

Upvotes: 3

Related Questions