问按钮打开同一选项卡中的链接。
EN

Stack Overflow用户

提问于 2022-08-03 13:57:37

回答 1查看 45关注 0票数 -1

我正在一个网站上工作，我可以从下拉列表中选择一个品牌，然后按go键并被发送到公司的网站。我希望在一个新的选项卡中打开链接，但是下拉列表中的每个选项都有一个不同的链接。我使用html和引导，这是代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../Content/bootstrap.min.css" rel="stylesheet" />

    <script type="text/javascript">
        function goToNewPage() {
            var url = document.getElementById('list').value;
            if (url != 'none') {
                window.location = url;
            }
            window.open(hrefLocation);
        }
    </script>

</head>
<body>

        <p class="ps-4">Choose a Brand:</p>
        <form class="ps-4">
            <select name="list" id="list" accesskey="target">

                <option value="https://www.apple.com/">Apple</option>
                <option value="https://www.samsung.com/eg">Samsung</option>
                <option value="https://www.huawei.com/">Huawei</option>
                <option value="https://www.oppo.com/">Oppo</option>

            </select>
            <input type=button value="Go" onclick=" goToNewPage('_blank') " />

        </form>

html

回答 1

Stack Overflow用户

发布于 2022-08-03 14:08:23

如果您试图在新页上打开表单，则可以像这样使用替换url。

<form name="frmSearch" action="{url}" target="_blank">
   <select name="list" id="list" accesskey="target">
                <option value="https://www.apple.com/">Apple</option>
                <option value="https://www.samsung.com/eg">Samsung</option>
                <option value="https://www.huawei.com/">Huawei</option>
                <option value="https://www.oppo.com/">Oppo</option>

            </select>
            <input type="submit" value="Go"  />
</form>

或者如果你想在按钮上

<input type="button" value="Go"  onclick="openInNewTab(url)" />

function openInNewTab(url) {
 window.open(url, '_blank').focus();
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73222895

复制

相似问题

问按钮打开同一选项卡中的链接。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问按钮打开同一选项卡中的链接。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问按钮打开同一选项卡中的链接。
EN