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 < / p>

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

但我想要的是如果我选择term one（在下拉项目中）然后我想转到tab3这是标签的顺序而下拉项目不需要在同一个办法。我应该使用data-tabid=""?我该如何实现它？任何帮助表示赞赏

Answer 1

是的，你应该这样做。

<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

Answer 2

很难确切地知道你想要什么，因为你的问题很难阅读和理解......但是你可以轻松地改变选择更改选项时选择哪个标签...你当前的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());

这样做是从value获取option并启用并选择匹配的标签...所以更改顺序只需更改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>

See here

您会在此处注意到，如果您选择TERMS 1，则会转到标签3，因为option TERMS 1中指定的值为3。 ...

从单个下拉列表启用选项卡

2 个答案: