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

我有一个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是choosen然后tab2 and tab3 will be disabled启用选项卡从单个下拉菜单

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

，但如果我想要什么，我将选择term one（在下拉项目中），然后我想要去tab3这是选项卡的顺序和下拉项目不需要以相同的方式。我应该使用data-tabid=""?我该如何实现它？任何帮助表示赞赏

来源

2012-03-19 Tom

目前代码使用'选项'中的'value' - 只要将该值更改为匹配选项时要打开的选项卡... – ManseUK 2012-03-19 09:32:13

请详细说明您的要求..无法弄清楚您的问题。 – 2012-03-19 09:33:05

@ManseUK你可以添加更多的东西，像这样的'value =“1”'？ – Tom 2012-03-19 09:39:09

它很难确切地知道你想，因为你的问题是难以阅读和明白...但你可以很容易地改变选择的选项改变选择哪个选项卡......您当前的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>

See here

这里您会注意到，如果您选择TERMS 1，则将转到标签3，因为中TERMS 1的值为3 ....

来源

2012-03-19 09:44:41 ManseUK

非常感谢ManseUK它做到了这一点 – Tom 2012-03-19 09:49:02

是的，你应该这样做。

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

这样，你去标签3当您选择项1和标签2，当您选择项2

来源

2012-03-19 09:31:33

感谢尼古拉，但我想要在下拉菜单中做同样的事情，我已经编辑过并且在下拉菜单中写下了'term one' – Tom 2012-03-19 09:34:19

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

回答

相关问题