Jquery .Show() .Hide() 未按预期工作

Question

当选择某种报告类型时，我尝试使用显示和隐藏来显示一组不同的选择选项。我对此有几个问题:

只有当我在条件语句的第一个结果中传递参数(慢速快)时，.show .hide 才能正确执行。如果我在两个结果中取出参数或传递参数，则只有一个选择显示并且它永远不会改变。这是当前有效的代码。

        if ($('#ReportType').val() == 'PbuseExport')
        {
            $('#PbuseServices').show('fast');
            $('#ReportServiceDropdown').hide('fast');
        }
        else
        {
            $('#PbuseServices').hide();
            $('#ReportServiceDropdown').show();
        }

使用此控件后，我会进入另一个页面。当我再次使用该控件时，它会保留原始搜索值并重新填充该控件。然后，如果选择了某个报告，我只想显示一个选择选项。如果我最初搜索的报告类型不是“PbuseExport”，则此方法可以正常工作。如果我搜索报告类型“PbuseExport”，则两者都会选择在屏幕上显示，并且只有在我更改报告类型之前，它才仅显示一项选择。我知道这可能不是很清楚。

以下是处理报告类型下拉列表中的更改事件的代码。

    var serviceValue = $("#ReportType").val();
    switch (serviceValue)
    {
        case 'PbuseExport':
            $('#PbuseServices').show('fast');
            $('#ReportServiceDropdown').hide('fast');
        default:
            $('#PbuseServices').hide();
            $('#ReportServiceDropdown').show();
            break;
    }

Answer 1

在第二段代码中，您还需要在 case 语句之后进行中断。该选择将直接变为默认值。正在确认....

是的，您需要休息一下，也可以考虑使用 if 语句而不是 case。