根据下拉菜单选项启用/禁用选项卡

Question

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

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

它对于复选框工作相同但我找不到为什么它不适用于组合框？代替复选框我保留了组合框，但它不起作用为什么？

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

Answer 1

你可以这样做。 的 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());
        });



    });