js(jquery) tab标签切换

$(document).ready(function(){
var tab = $('.tab_y').val();
$(".chou_nav_ul li").click(function(){
var index=$(this).index();
$(this).addClass("active").siblings().removeClass("active");
$(".content").eq(index).css("display","block").siblings().css("display","none");
});
/*        var n=tab.substring(tab.length-1);
if(tab=="tab_"+n){
$(".chou_nav_ul li").eq(n).addClass("active").siblings().removeClass("active");
$(".content").eq(n).css("display","block").siblings().css("display","none");
}*/
});

<nav class="chou_nav">
<div class="conter_con">
<ul class="chou_nav_ul" id="chou_nav_ul">
<li class="active">项目资料</li>
<li>商业模式</li>
<li>项目团队</li>
<li>路演活动</li>
<li>附件资料</li>
</ul>
</div>
</nav>

效果图



上面注释掉的代码是 form提交回调本页面 判断tab 并切换到下一个tab

这种tab入库最好采用一个form保存

一个tab信息填写完成后 切换到下一个tab 知道最好一个tab验证无误后保存 form提交

具体的数据库设计 也要针对业务逻辑设计数据库表

可以采用一个表 或者多张表 这都是没问题的。