在JQuery中隐藏某些SELECT下拉列表

Question

我有一个包含大约10个SELECT下拉菜单的页面。默认情况下，默认情况下会隐藏其中3个下拉列表，具体取决于用户状态。

现在，如果用户执行某些特定操作，则会隐藏所有这7个下拉菜单，具体取决于用户输入，这些下拉列表是可见的。

我使用JQuery显示和隐藏这些下拉列表。

jQuery("select").hide() 
jQuery("select").show()

目前，当显示选择下拉列表时，所有选择都是可见的。然后我必须运行代码来隐藏3个默认代码。

我希望JQuery隐藏可见的选择下拉列表（7个可见的下拉列表），然后显示这7个（隐藏3个默认隐藏的）。

这是否可以使用JQuery，因此它只显示和隐藏样式可见性可见的选择下拉列表？不太确定？

非常感谢

Answer 1

解决方案是指定这些选择一个特殊的类并使用它们的类来显示和隐藏：

$(".mySpecialSelectClass").hide();

$(".mySpecialSelectClass").show();

您只需要确保此类仅分配给那些选择。

Answer 2

有一个jQuery可见选择器：http://api.jquery.com/visible-selector/

尝试类似：

jQuery("select:visible") to get the visible ones.

jQuery("select:hidden") to get the hidden ones.

Answer 3

为默认隐藏的类提供一个类，例如'default_hidden'并执行

jQuery("select").not(".default_hidden").toggle();

这将忽略默认隐藏状态，切换所有其他人的可见性，交换他们的显示/隐藏状态..

Answer 4

为三个选择标记提供与另一个不同的类7.现在，当您想要切换隐藏或显示它们时，您可以使用类进行选择（在此示例中为“defaultHidden”）：

$("select.defaultHidden").show();

（例如，您的代码会根据您的实际预期结果而有所不同。