从单个下拉菜单启用选项卡

Question

我在jsp页面中有3 tabs和1 combo box。默认情况下，Tab 1 is enabled and tab2 and tab3 are in disabled mode，当我选择term one（在下拉项中）时，我会自动转到1st tab，如果选择please select option，则tab2 and tab3 will be disabled

这是小提琴：http://jsfiddle.net/AavsW/21/

但我想要的是，如果我将选择term one（在下拉项中），那么我想转到tab3，这是选项卡的顺序，并且下拉项不需要以相同的方式。我应该使用data-tabid=""?吗？我该如何实现它？如有任何帮助，我们将不胜感激。

Answer 1

很难准确地知道你想要什么，因为你的问题很难阅读和理解。。。但您可以很容易地更改选择选项时选择的选项卡。。。您当前的HTML是：

<select name="porting-p1" class="dropdown">
   <option value="1" class="disablenext">Please select an option...</option>
   <option value="2" class="enablenext">TERMS 1</option>
   <option value="3" class="enablenext">TERMS 2</option>
</select>

您的jQuery onchange函数执行以下操作：

// enable tab
$('#wizard').tabs('enable', $('.dropdown').val());
// select tab
$('#wizard').tabs('select', $('.dropdown').val());

这样做的目的是从option中获取value，并启用并选择匹配选项卡。。。所以要更改顺序，只需更改HTML:中的值

<select name="porting-p1" class="dropdown">
   <option value="1" class="disablenext">Please select an option...</option>
   <option value="3" class="enablenext">TERMS 1</option>
   <option value="2" class="enablenext">TERMS 2</option>
</select>

参见此处

您会注意到，如果选择TERMS 1，您将转到选项卡3，因为option中为TERMS 1指定的值是3。。。。

Answer 2

是的，你可以做这样的事情。

<div id="tab1">
    <input type="checkbox" class="terms" data-tabid="2" /> Terms 1<br />
    <input type="checkbox" class="terms" data-tabid="1" /> Terms 2
</div>

通过这种方式，当您选择术语1时，您将转到选项卡3，而当您选择词汇2时，将转到选项卡2