使用OnClick在新标签页中打开输入字段

时间:2019-07-01 10:55:49

标签: javascript jquery html

我有一个输入字段。当我单击此字段时,它将把产品添加到购物车中并在购物车页面上移动。

<input type="button" class="bgbutton"
value="Add to Shopping Cart" id="addtocart" name="addtocart"
onkeypress="window.event.cancelBubble=true;"
onclick="if (document.forms['form590'].onsubmit()) { document.forms['form590'].submit(); } return false;"
target="_blank">

我给了标签target,但是很遗憾,它不起作用。 请给我任何JQuery / JavaScript等解决方案。

解决方案

只需将目标属性添加到表单标签中。就是这样。

$("form").attr("target", "_blank");

我解决了我的问题。

谢谢

2 个答案:

答案 0 :(得分:3)

只需使用锚标记而不是按钮

<a
     href="CART_URL" <-- here goes cart url you want to open in the new tab
     class="bgbutton"
     id="addtocart"
     name="addtocart"
     onkeypress="window.event.cancelBubble=true;"
     onclick="document.forms['form590'].onsubmit() ? document.forms['form590'].submit() :; return false;"
     target="_blank"
>Add to Shopping Cart</a>

答案 1 :(得分:1)

要打开新标签,您可以使用以下代码。

<input type="button" class="bgbutton" value="Add to Shopping Cart" id="addtocart" name="addtocart" onkeypress="window.event.cancelBubble=true;" onclick="window.open('NewPage.aspx', 'NewPage');" >

在页面之间移动

<input type="button" class="bgbutton" value="Add to Shopping Cart" id="addtocart" name="addtocart" onkeypress="window.event.cancelBubble=true;" onclick="location.href = 'NewPage.aspx';" >

有关更多详细信息,您可能需要参考以下问题:

在JQuery中,您可以使用以下内容

<script>
        $(document).ready(function () {
            $(".bgbutton").click(function () {
                window.location.href = "NewPage.aspx";
            });
        });

</script>

您可以通过如下所示的URL将变量携带到另一页。

 <script>
        $(document).ready(function () {
            var name = "coder";

            $(".bgbutton").click(function () {
                window.location = 'NewPage.aspx?username=' + name;
            });
        });

 </script>

要获取传递的值以在新标签页中打开,请使用以下

 <script>
        $(document).ready(function () {
            var name = "coder";

            $(".bgbutton").click(function () {
                window.open('NewPage.aspx?username=' + name,"")
            });
        });

 </script>

为了了解如何从URL检索值,您可能需要参考以下问题:Get url parameter jquery Or How to Get Query String Values In js