Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/252.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery和php,发布表单后如何转到特定选项卡?_Php_Jquery - Fatal编程技术网

jquery和php,发布表单后如何转到特定选项卡?

jquery和php,发布表单后如何转到特定选项卡?,php,jquery,Php,Jquery,我有一个简单的jquery选项卡和一个表单。当我发布表单时,页面将刷新并转到默认选项卡。您也可以在此处看到代码: <ul class="tabs"> <li><a href="#tab1">Home</a> | </li> <li> | <a href="#tab2">Top 10</a> | </li> </ul> <div id="tab1" class="tab_

我有一个简单的jquery选项卡和一个表单。当我发布表单时,页面将刷新并转到默认选项卡。您也可以在此处看到代码:

<ul class="tabs">
<li><a href="#tab1">Home</a> | </li>
<li> | <a href="#tab2">Top 10</a> | </li>
</ul>

<div id="tab1" class="tab_content">234</div>
<div id="tab2" class="tab_content">
<form method="post"> 
<select name="item"> 
<option>Paint</option><option>Brushes</option>
</select>
Quantity: <input name="quantity" type="text" /> 
<input type="submit" />
</form>
</div>

 //When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {
    $('ul.tabs li#none').removeClass('visible');
    $('ul.tabs li#none').addClass('none');
    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content

    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});
  • |
  • ||
234 画笔 数量: //当页面加载时。。。 $(“.tab_content”).hide()//隐藏所有内容 $(“ul.tabs li:first”).addClass(“active”).show()//激活第一个选项卡 $(“.tab_content:first”).show()//显示第一个选项卡内容 //点击事件 $(“ul.tabs li”)。单击(函数(){ $('ul.tabs li#none').removeClass('visible'); $('ul.tabs li#none').addClass('none'); $(“ul.tabs li”).removeClass(“active”);//删除任何“active”类 $(this).addClass(“active”);//将“active”类添加到所选选项卡 $(“.tab_content”).hide();//隐藏所有选项卡内容 var activeTab=$(this.find(“a”).attr(“href”); $(activeTab).fadeIn();//淡入活动ID内容 返回false; });
同样,我想要完成的是当我提交一个表单重定向回我选择的选项卡时

有什么想法吗


谢谢

您可以使用ajax提交表单(使用或jquery)

您可以使用ajax提交表单(使用或jquery)

一个简单的想法:在表单中添加一个隐藏的输入字段(供参考),然后在javascript代码部分的选项卡代码之后,添加如下内容:

<?php if(isset($_POST['thehiddenfield'])) { ?>
$('a#tabtoshow').trigger('click'); //here, select by ID the tab you need to show
<?php } ?>

$('a#tabtoshow')。触发器('click')//在此,按ID选择需要显示的选项卡

这应该可以,对不起,我没有时间写完整的代码。我希望它能有所帮助。

一个简单的想法:在表单中添加一个隐藏的输入字段(供参考),然后在javascript代码部分的选项卡代码之后添加如下内容:

<?php if(isset($_POST['thehiddenfield'])) { ?>
$('a#tabtoshow').trigger('click'); //here, select by ID the tab you need to show
<?php } ?>

$('a#tabtoshow')。触发器('click')//在此,按ID选择需要显示的选项卡
这应该可以,对不起,我没有时间写完整的代码。我希望有帮助