基于下拉菜单选项启用/禁用选项卡

您好我有一个组合框有5个下拉项目在Tab1和不同的标签，如tab1，tab2，tab3，tab4和tab5.Tab1处于启用模式和其他选项卡处于禁用模式。在禁用的选项卡中存在不同的文本框。假设我有一个组合框，并且来自该组合框的名为a，b，c，d，e的项目将进入Tab1。如果我将从下拉菜单中选择项目d，那么我将自动转到tab4或任何选项卡（不必与下拉项目的顺序相同）。所以现在我有两个选项卡启用，即Tab1和Tab4。但是，如果我将从下拉菜单（在tab1中）选择任何其他项目，如项目b，那么我将留在tab1中，Tab4将被禁用，并且在Tab4中输入的值将被删除。请看看这个小提琴：基于下拉菜单选项启用/禁用选项卡

http://jsfiddle.net/AavsW/6/

它的复选框的工作相同，但我找不到为什么它不用于组合框的工作？取代复选框我保持组合框，但它不工作为什么？

请帮我解决这个问题。谢谢

来源

2012-02-01 harry

你可以这样做。 http://jsfiddle.net/AavsW/18/

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

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

      // disable tab 
     $('.dropdown option').each(function() 
     { 

         $('#wizard').tabs('disable',$(this).val()); 
     }); 



    });

来源

2012-02-01 06:11:49

感谢您的帮助......但要第二个选项卡TAB1之后不应该被禁用？从tab1中的组合框中选择一个项目后，它将转到tab2，但此时Tab1被禁用，不应该是这样，tab1和tab2都应处于启用模式。现在我来到tab1，我选择了一个不同的项目，然后tab2将被禁用。 – harry 2012-02-01 06:24:14

使用此代码。（$（'。dropdown option'））。（（＃）'（'＃wizard'）。tabs（'disable'，$（this））.val（））; }）; – 2012-02-01 06:28:39

http://jsfiddle.net/AavsW/19/ – 2012-02-01 06:30:05

基于下拉菜单选项启用/禁用选项卡

回答

相关问题