How to redirect to a new window after click on option of select about html?

Question

For example:

<select>
  <option value=''>Select...</option>
  <option value='http://www.google.com'>Google</option>
  <option value='http://www.yahoo.com'>Yahoo</option>
</select>

I want to redirect the selected site in a new window, such as link's attributes:

target='_blank'

I have found:

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">

But it can only redirect to the site on current page.

s-cho-m Question already existed on the stack overflow [Your Answer][1] [1]: http://stackoverflow.com/questions/7562095/redirect-on-select-option-in-select-box — CodeLove, Sep 16 '15 at 07:31

score 1 · Answer 1 · answered Sep 16 '15 at 07:17

1

Try the FIDDLE,

updated the markup as

<select onchange="openInNewTab(this);">
  <option value=''>Select...</option>
  <option value='http://www.google.com'>Google</option>
  <option value='http://www.yahoo.com'>Yahoo</option>
</select>

Javascript

function openInNewTab(obj)
{
    //alert(obj.value);
    var win = window.open(obj.value, '_blank');
    win.focus();
}

Hope this helps...

answered Sep 16 '15 at 07:17

Mayank

1,351
5
23
42

Thank you. But use this method I can see a Pop-up blocked alert by Chrome browser. – s-cho-m Sep 16 '15 at 07:44

score 1 · Accepted Answer · answered Sep 16 '15 at 07:23

1

You can try this as well :

<select onchange="(this.options[this.selectedIndex].value?  window.open(this.options[this.selectedIndex].value,'_blank'):'')">
<option value='' >Select...</option>
<option value='http://www.google.com'>Google</option>
<option value='http://www.yahoo.com'>Yahoo</option>

answered Sep 16 '15 at 07:23

Amit.S

431
2
9

Thank you. But use this method I can see a Pop-up blocked alert by Chrome browser. – s-cho-m Sep 16 '15 at 07:44
r u using jsfiddle to test ? – Amit.S Sep 16 '15 at 10:32

How to redirect to a new window after click on option of select about html?

2 Answers2