提交后更改 jQuery 选项卡答案

【问题标题】：Changing jQuery tab after submit提交后更改 jQuery 选项卡
【发布时间】：2014-02-14 10:12:09
【问题描述】：

首先，请原谅我的“泰山”英语...... 我有一个像这样的典型 JQuery 选项卡代码：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">One</a></li>
        <li><a href="#tabs-2">Two</a></li>
        <li><a href="#tabs-3">Three</a></li>
    </ul>
</div>

我在每个选项卡中都有三个类似这样的表单：

<div id="tabs-1">
    <form id="alpha">
        ...
        <input type="submit" value="send"/>
    </form>
</div>
<div id="tabs-2">
    <form id="beta">
        ...
        <input type="submit" value="send"/>
    </form>
</div>
<div id="tabs-3">
    <form id="gamma">
        ...
        <input type="submit" value="send"/>
    </form>
</div>

提交后，页面重新加载，并更改为第一个选项卡 (#tabs-1)。我的问题是：提交任何表单后，如何在所需的选项卡中重新启动我的页面？例如，如果我提交“gamma”表单，我希望页面在#tabs-3 中重新加载。

我可以吗？

提前致谢！

【问题讨论】：

这个问题之前有人问过：stackoverflow.com/questions/4565128/…

标签： javascript jquery html forms jquery-ui

【解决方案1】：

$(document).ready(function () {
    $([tab container]).tabs( "option", "active", [tab number] );
});

【讨论】：

我现在会处理您的解决方案，直到出现更好的情况;)。你能解释一下如何适应它吗？我想我应该将这些添加为一个函数，不是吗？
我正在尝试“清理”它，因为我们自己的服务器端语言......但基本上整洁的代码就在答案中。我应该为提交者按钮上的 onClick 事件调整功能吗？对不起，我是老师，到现在为止我已经在编码之外几年了......我不是新手，而是一个健忘的程序员。谢谢很多
提交后，当页面加载时，您是否可以使用服务器端语言检查提交的表单？您的服务器端语言也可以在页面上打印任何内容吗？如果是这样，您应该检查提交的表格，并在页面上使用正确的标签号打印我的回答中的行。
不，RobinvdA，我的服务器端语言很差。我们仅使用它来“限制”PHP 不安全的函数和过程。它只能被检查以了解很少的事情（userId 等）。我们还有一些会话变量和 cookie，但由于系统架构，它们是不可触及的。
你能把PHP放到你的页面中吗？如果没有像 PHP 这样的东西，我认为实现您的目标将非常困难。也许您可以阅读此问题的答案stackoverflow.com/questions/439463/… 看起来他正在尝试和您做同样的事情

【解决方案2】：

在提交和页面加载时使用 cookie 记住表单选择，检查最后选择并相应地激活最后选择的表单

【讨论】：

抱歉，我不能使用 cookie...我们有自己的解析服务器语言 (eBDML)，可以管理所有会话和 cookie。