如何在提交表单时将第二个选项卡设置为选中

-1

我有一个任务来执行jquery选项卡。每个选项卡都有一些特殊的功能。加载页面时，它会转到第一个选项卡。我想将第二个选项卡设置为选定>我该如何做？我的代码是如何在提交表单时将第二个选项卡设置为选中

<script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){ 
    $(function() { 
     $("#tabs").tabs(); 
     $("#tabs").tabs("option", { 
     "selected": 2, 
     "disabled": [1,2,3] 
     }); 

    $("input[type=checkbox]").click(function(){ 
     if ($(this).is(':checked')) { 
     $('#tabs').tabs("enable", $(this).val()); 
     $('#tabs').tabs("select", $(this).val()); 
     } 
     else{ 
      $('#tabs').tabs("disable", $(this).val()); 
     } 
    }); 
    }); 
    });//]]> 

    </script> 


    </head> 
    <body> 
     <div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Nithin</a> </li> 
    <li><a href="#tabs-2">Vipin</a></li> 
    <li><a href="#tabs-3">Sachin</a></li> 
    <li><a href="#tabs-4">Ganguly</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Nithin</p> 
    </div> 
    <div id="tabs-2"> 
    <form name="nithin"> 
    <b>Name</b> 
    <input type="text" id="name"> 
    <input type="submit" value="submit" id="submit"/> 
    </form> 
    </div> 
    <div id="tabs-3"> 
    <p>Sachin</p> 
    </div> 
    <div id="tabs-4"> 
    <p>Ganguly</p> 
    </div> 
</div> 
<input type="checkbox" name="tabs-1" value="1">tabs-1 
<input type="checkbox" name="tabs-2" value="2">tabs-2 
<input type="checkbox" name="tabs-3" value="3">tabs-3 
<input type="checkbox" name="tabs-4" value="4">tabs-4 
<br> 

    </body> 


    </html>

您可以从http://jsfiddle.net/2aQ2g/35/

来源

2013-03-21 Niths

那看，因为你必须禁用它。更改为：

$("#tabs").tabs("option", { 
    "selected": 2, 
    "disabled": [1,3] 
    });

工作例如：http://jsfiddle.net/basarat/2aQ2g/34/

更新要改变基于提交的数据的页面，你应该在服务器修改你在页面上输出了什么。如果选择了2而不是将其放入禁用列表中。

更新2如果你想阻止该网页重装上提交你需要做的自定义表单处理：

// Do custom submit handling : 
$('form').unbind('submit').submit(function(e) 
        { 
         e.preventDefault(); 
         // place logic here: 
        } 
);

样品：http://jsfiddle.net/basarat/2aQ2g/37/

来源

2013-03-21 04:37:53 basarat

其实我想不是这样的。我在第二个选项卡上有一个提交按钮。当我按下提交按钮时，页面必须重新加载，并且它会转到第一个选项卡。 – Niths 2013-03-21 04:44:39

jsfiddle.net/2aQ2g/35 – Niths 2013-03-21 05:25:01

根据您的意见更新 – basarat 2013-03-21 05:29:57

$(document).ready(function() {  
$("#tabs").tabs("option", {"selected":1, "disabled": [0, 2, 3 ] }); 
)};

来源

2013-03-21 04:38:05 sasi

其实我不想那样。我在第二个选项卡上有一个提交按钮。当我按下提交按钮时，页面必须重新加载，并且它会转到第一个选项卡。 – Niths 2013-03-21 04:47:13

包装你的代码准备好.. – sasi 2013-03-21 04:48:42

张贴您的提交按钮代码请..并且您没有更新您的提琴的最新行代码.. – sasi 2013-03-21 04:59:08

如何在提交表单时将第二个选项卡设置为选中

回答

相关问题