通过从选项html中选择来打开新选项卡

时间:2015-06-23 17:21:45

标签: javascript html5 drop-down-menu hyperlink tags

我目前正在使用<选择>标签和<选项>标记每个都有自己的值属性,并使用它链接到新页面。

这是我的代码:

                <div class="label">
                <label> Select your online bank login:  &nbsp;</label>
                <select id="selectBank">
                    <option value="https://ipn.paymentus.com/epd/stde/lhud"> Paymentus </option>
                    <option value="https://www12.bmo.com/onlinebanking/cgi-bin/netbnx/NBmain"> BMO </option>
                    <option value="https://www.myvisaaccount.com/Vancity_Consumer/Login.do"> Citizens' Bank of Canada </option>
                    <option value="https://bvi.bnc.ca/auth/Login"> National Bank of Canada </option>
                </select>

                <button onclick="goToBankLogin()"> Login </button>

这是用于选择值的javascript代码,现在它将打开一个新页面:

 function goToBankLogin() {
        var selectedBank = selectBank.options[selectBank.options.selectedIndex].value;
        window.location.replace(selectedBank.toString());
    }

我需要它打开一个新标签,我该怎么做?

1 个答案:

答案 0 :(得分:0)

好的,只是玩弄并想出来,它适用于我并打开一个新标签

改变了我的功能:

    function goToBankLogin() {
        var selectedBank = selectBank.options[selectBank.options.selectedIndex].value;
        window.open(selectedBank.toString());
    }