input onclick new tab

Question

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

possible duplicate of [Open url in new tab using javascript](http://stackoverflow.com/questions/4907843/open-url-in-new-tab-using-javascript) — Alex Filipovici, May 28 '13 at 08:01
with html I use target="_blank" not sure how to apply it in your situation — DiederikEEn, May 28 '13 at 08:02

HADI · Accepted Answer · 2013-05-28T08:11:46.173

21

try window.open

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

update

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

edited May 28 '13 at 08:11

answered May 28 '13 at 08:03

HADI

2,829
1
26
26

that will open in a new window, not a new tab – imulsion May 28 '13 at 08:04

score 3 · Answer 2 · edited May 23 '17 at 11:55

3

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

edited May 23 '17 at 11:55

Community

1
1

answered May 28 '13 at 08:03

imulsion

8,820
20
54
84

Duplicate question, duplicate (and incorrect) answer. This is not possible if the browser, let's say, IE, has [_Tabbed Browsing_](http://www.howtogeek.com/howto/windows-vista/disable-tabbed-browsing-in-internet-explorer-7/) disabled. – Alex Filipovici May 28 '13 at 08:20

score 2 · Answer 3 · answered Dec 19 '13 at 22:23

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.

score 0 · Answer 4 · edited Jun 08 '18 at 14:59

0

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>

edited Jun 08 '18 at 14:59

Rikki

3,338
1
22
34

answered Jun 08 '18 at 14:38

Mujeeb Ishaque

2,259
24
16

input onclick new tab

4 Answers4

update