单击选定选项卡后提交表单，页面也停留在该选项卡上。
单击选定选项卡后提交表单，页面也停留在该选项卡上。
提问于 2012-03-06 10:03:41
我想做以下几点：
1. tab-1 is selected when page load at first time
2. After clicking tab-2, form is submitted and page need to stay on the tab-2我测试了两个代码片段。但是，它们都有错误(见下文)：
<form id="target">
<ul>
<li><a href="#tabs-1" id="tabs-A">Tab-1</a></li>
<li><a href="#tabs-2" id="tabs-B">Tab-2</a></li>
<li><a href="#tabs-3" id="tabs-C">Tab-3</a></li>
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
</div>
<div id="tabs-3">
</div>
</form>代码1-它适用于point2，而不适用于第1点
<script>
$(function() {
var $tabs = $('#tabs').tabs();
$tabs.tabs( "option", "selected", 1 );
$('#tabs-B').click(function() {
$('#target').submit();
});
});
</script>代码2-它适用于point1，但表单在单击选项卡-2后不提交
var $tabs = $('#tabs').tabs();
$('#tabs-B').click(function() {
$('#target').submit(function() {
$tabs.tabs( "option", "selected", 1 );
});
});回答 1
Stack Overflow用户
发布于 2012-03-06 10:34:36
使用‘`select`’方法
$( "#tabs" ).tabs({
select: function(event, ui) {
var data = $("#from1").serialize();
console.log(data);
// submit the for via ajax here
/*$.post("/path",{data:data},function(){
//clear the form fields or what ever you want to do
});*/
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9581445
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号