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

opening a new tab by selecting from options html

本文关键字：选项 新选项 一个 html 选择      更新时间：2023-09-26

我当前正在使用<选择>标签和<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());
    }

我需要它打开一个新的选项卡，我该怎么做？

好吧，只是玩一玩，弄清楚了这一点，它对我有效，并打开了一个新的选项卡

稍微改变了我的功能：

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