在JQuery中显示/隐藏Div有三个选择选项

Question

                    <select name='main'>
                    <option value='For Sale'>For Sale</option>
                    <option value='Community'>Community</option>
                    </select>

                    <select name='sub'>
                    <option value='Animal'>Animal</option>
                    <option value='Fish'>Fish</option>
                    </select>

                    <select name='sub'>
                    <option value='Friend'>Friend</option>
                    <option value='Relitive'>Relitive</option>
                    </select>

                    <select name='sub2'>
                    <option value='Animal Thing'>Animal Thing</option>
                    <option value='Fish Thing'>Fish Thing</option>
                    </select>

                    <select name='sub'>
                    <option value='Best Friend'>Best Friend</option>
                    <option value='Relitive Home'>Relitive Home</option>
                    </select>

这是我的html代码，我希望当用户选择主菜单时，它将显示子菜单，当用户选择子菜单时，它将显示sub2菜单。我想用Jquery做这个，有人可以帮我这个吗？

Answer 1

我假设sub和sub2类被禁用/隐藏？

您想要检查用户是否在main中选择了一个值。 您可以在Jquery文档:selected Selector

中找到它

现在，您可以看到是否已选择main选择，然后您可以使用此选项启用下一步选择sub

如果您想了解有关选择器的详细信息，我认为这个问题How to check if an option is selected?有一些可靠的答案。

干杯！