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

Question

我目前正在使用< select >标记和< option >标记，每个标记都有自己的值属性，并使用它们链接到一个新页面。

这是我的密码：

                <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());
    }

我需要它打开一个新的标签，我该怎么做？

Answer 1

好吧，只是随便玩一玩就知道了，这对我有用，打开了一个新的标签

稍微改变了我的功能：

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