HTML drop down link open in new tab

Question

i have this DOWNLOAD button

<a href="" id="user-name" class="link" id="posi">Download</a>

and the drop down associated with this

 <div class="user-name-drop-down drop-down">
        <a href="https://www.google.com">Android</a>
        <a href="https://www.google.com">Apple</a>

    </div>

when clicked on android or apple, it opens the link on the same tab, i want it to open in a new tab instead. i looked up about window.open but still unclear as to how to use that. any help is appreciated.

Add target="_blank" property to the anchor element – random Dec 21 '15 at 06:35 — random, Dec 21 '15 at 06:35

score 1 · Accepted Answer · answered Dec 21 '15 at 06:35

1

you can do it by using attribute of <a> i.e target

<a href="https://www.google.com" target="_blank">Android</a>
        <a href="https://www.google.com" target="_blank">Apple</a>

you can refer this link.

Hope this might help you.

answered Dec 21 '15 at 06:35

Abbas

412
2
9

score 1 · Answer 2 · answered Dec 21 '15 at 06:36

1

<div class="user-name-drop-down drop-down">
    <a href="https://www.google.com" target="_blank">Android</a>
    <a href="https://www.google.com" target="_blank">Apple</a>

</div>

use this code.

answered Dec 21 '15 at 06:36

Shraddha Gajjar

56
3

score 1 · Answer 3 · answered Dec 21 '15 at 06:38

1

<div class="user-name-drop-down drop-down">
    <a target="_blank" href="https://www.google.com">Android</a>
    <a target="_blank" href="https://www.google.com">Apple</a>

</div>

Try this

answered Dec 21 '15 at 06:38

Thanga

7,811
3
19
38

score 1 · Answer 4 · answered Dec 21 '15 at 10:53

1

Use target = _blank as

<a target="_blank" href="https://www.google.com">Android</a>
<a target="_blank" href="https://www.google.com">Apple</a>

answered Dec 21 '15 at 10:53

score 0 · Answer 5 · answered Dec 21 '15 at 06:40

0

Simply you can use target="_blank" in your <a href="" ></a> tag.

<div class="user-name-drop-down drop-down">
   <a href="https://www.google.com" target="_blank">Android</a>
   <a href="https://www.google.com" target="_blank">Apple</a>
</div>

answered Dec 21 '15 at 06:40

Chonchol Mahmud

2,717
7
39
72

score 0 · Answer 6 · answered Mar 06 '16 at 20:09

0

Use _blank which opens the linked document in a new window or tab.

http://www.w3schools.com/tags/tag_a.asp

answered Mar 06 '16 at 20:09

Lazar Nikolic

4,261
1
22
46

HTML drop down link open in new tab

6 Answers6