Jquery 关闭按钮上的窗口或选项卡单击

Jquery 关闭按钮上的窗口或选项卡单击,jquery,forms,Jquery,Forms,我在浏览器中打开了一个选项卡,该选项卡运行我的网站。单击一个按钮,我的站点将打开其他窗口或选项卡,每个窗口或选项卡中都有不同的URL <form action="search.php" method="get"> <input type="text" name="item" size="30" style="font-size:140%" id="item"> <input type="submit" value="Search All" style

我在浏览器中打开了一个选项卡,该选项卡运行我的网站。单击一个按钮,我的站点将打开其他窗口或选项卡,每个窗口或选项卡中都有不同的URL

<form action="search.php" method="get">
    <input type="text" name="item" size="30" style="font-size:140%" id="item">
    <input type="submit" value="Search All" style="font-size:140%" id="submit">
</form>

下面提供了执行此操作的JS:

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function(){
    function get(id) {
        return document.getElementById(id);
    }
    $("#submit").click(function() {
        get("guitarcentertext").value = get("item").value;
        get("music123text").value = get("item").value;
        get("musiciansfriendtext").value = get("item").value;
        get("prosoundtext").value = get("item").value;

        $("input#guitarcenterbutton").click();
        $("input#btnSearch").click();
        $("input#musiciansfriendbutton").click();
        $("input#prosoundbutton").click();
        return false;
    });
});
</script>

$(文档).ready(函数(){
函数get(id){
返回文档.getElementById(id);
}
$(“#提交”)。单击(函数(){
获取(“GuitarCenter文本”).value=获取(“项目”).value;
获取(“音乐123文本”).value=获取(“项目”).value;
获取(“音乐家朋友文本”).value=get(“项目”).value;
获取(“prosoundtext”).value=获取(“项目”).value;
$(“输入”按钮)。单击();
$(“输入搜索”)。单击();
$(“输入#音乐家朋友按钮”)。单击();
$(“输入”按钮)。单击();
返回false;
});
});
问题:是否有一种方法可以在单击另一个按钮时关闭以前打开的选项卡

谢谢你的帮助!:)

您可以使用创建新窗口,并控制何时关闭它们

例如:

function mypopup() {
    mywindow = window.open ("http://www.javascript-coder.com",
                            "mywindow",
                            "location=1,status=1,scrollbars=1,"+
                            "width=100,height=100");
    mywindow.moveTo(0,0); // move the window to a particular location

    // do your stuff ...

    mywindow.close(); // close that popup when you are done
}
如您所见,您可以使用来控制何时关闭窗口

只需在链接中使用
target=“\u blank”
,您就可以在新选项卡中打开链接,但您说您有一个表单,其提交将导致打开一个新窗口。但是,不要使用提交按钮,而是使用普通按钮并将事件处理程序附加到正在单击的按钮上。当它被点击时,打开你的窗口,开始你的魔咒

关于您关于打开选项卡而不是窗口的查询,我不完全确定是否可以完成。我可以想出一些使用服务器端参与的糟糕方法,但我很确定您不会寻找这些方法。即使使用
target=“\u blank”
也只是告诉浏览器不要打开同一页面中的链接。这取决于浏览器选择一个新窗口或一个新选项卡(主要是一个新选项卡)

干杯

试试这个:

<input type="button" class="add-btn" value="Close" onclick="javascript:window.top.close();">