通过从选项中选择打开一个新标签页 html

Question

我目前正在使用 < select > 标签和 标签，每个标签都有自己的值属性，并将其 link 用于新页面。

这是我的代码：

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

这是 selecting 值的 javascript 代码，现在它打开一个新页面：

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

我需要它打开新标签页，我该怎么做？

Answer 1

好吧，只是玩玩弄明白了，它对我有用并打开了一个新标签

稍微改变了我的功能：

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