javascript - 基于先前选择的动态选择框

Question

我想在我的网站上有一个单独的 select 框，然后根据选择的内容填充新的 select 框。

例如，如果用户选择“猫”，则会出现一个新的选择框，其中包含猫的品种，或者如果他们选择“狗”，则会出现一个新的选择框> 将出现带有狗品种列表的框。但是在他们选择“狗”或“猫”之前，第二个框将不存在。

有什么方法可以仅使用 CSS/HTML 来实现，还是必须使用 javascript？

如果我只能使用 CSS/HTML 来完成，请提供示例或链接。如果我必须使用 javascript，我不需要示例，只是被告知我必须使用它。

感谢您的帮助。

Answer 1

您将不得不使用 javascript。您不能根据 select 中的选择制定 ccs 规则。