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

【问题标题】：enable/disable tabs based on drop down menus selection根据下拉菜单选择启用/禁用选项卡
【发布时间】：2012-02-23 20:55:17
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript jquery ajax

【解决方案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());
        });



    });

【讨论】：

感谢您的帮助...但是在转到第二个选项卡之后，不应禁用 Tab1 吗？从 tab1 的组合框中选择一个项目后，它将转到 tab2，但此时 Tab1 被禁用，这不应该，tab1 和 tab2 都应该处于启用模式。现在我来到 tab1 并选择了一个不同的项目然后 tab2 将被禁用。
使用此代码。 $('.dropdown option').each(function() { if($(this).val()!=1) $('#wizard').tabs('disable',$(this).val( )); });
非常感谢……我明白了……只剩下一件东西了。当 Tab2 被禁用时，文本框 2 中的任何输入值也应该被删除，如果我将在 tab1 中选择 terms1 然后我将再次转到 tab2 并在文本框中输入一些值，该值在启用 tab2 之前有效，如果我将来到 tab1 并选择一个不同的项目，然后 tab2 将被禁用，并且在文本框中输入的值将被删除。我认为您的小提琴只需要稍作修改..请给我看 ashfaq...我需要您的帮助
ya 文本框值正在被删除，但是当我通过 tab1 中的下拉菜单选择进入 tab2 时，tab1 被禁用。请看看你的小提琴。由于禁用后 tab2 中的文本框值被删除，同样请选择选项应该在禁用后出现在 tab2 中。如果我在 tab1 中选择术语 2，那么我将转到 tab2，如果我选择了 terms2，那么我将转到 tab3，现在我来到 tab1，我选择了 terms2，然后 tab2 被禁用，并且在文本框中输入的值被删除（如果有）像这样的组合框值也应该被删除并在 tab2 中显示 show Please Select 选项。
另一个东西在tab2中如果我选择请选择选项那么它不应该出现在tab1中，它应该在那个tab2中重新出现。请通过展示小提琴来帮助我