根据菜单中的用户选择显示不同的对象

Question

我有html代码，其中下拉菜单包含多个值，包括“自定义”。我想在下拉菜单下面有不同的html内容，具体取决于用户选择。如果用户选择“自定义”值，那么我需要再显示一个下拉菜单和两个编辑框，如果在任何其他情况下我只需要显示一个编辑框。

据我所知，我需要使用onchange()事件和javascript代码。是对的吗？ 你能建议吗？

谢谢。

Answer 1

好像你刚刚开始这个。是的，你可能最终会使用javascript。您需要了解javascript已用于

1. 动态修改页面上的DOM（即html）
2. 检测在DOM的不同元素上发生的事件（例如，div或window）。

等等。

change事件只是一个事件。根据要求，您可能希望使用更改，但是当用户将指针悬停在Custom上时，您可能希望显示子菜单。

请注意，您可以使用库来显示带子菜单的菜单。

如果你想自己动手，你应该尝试以下方法：

1. 当用户点击按钮或屏幕的某个区域时，显示一个看起来像弹出窗口的div。
2. 使用菜单选项
填充弹出窗口
3. 检测用户何时鼠标悬停或点击“自定义”选项。
4. 显示子菜单。