首页 文章

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

提问于
浏览
1

嗨我有一个组合框,在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/

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

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

1 回答

  • 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());
            });
    
    
    
        });
    

相关问题