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

Showing different objects depending on user selection in menu

本文关键字：选择 显示 对象 用户 菜单      更新时间：2023-09-26

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

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

谢谢。

看起来你才刚刚开始。是的，你可能最终会使用javascript。你需要明白javascript是用来

的
  1. 动态修改页面的DOM(即html)
  2. 检测发生在DOM不同元素上的事件(例如:a div或window).

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

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

如果你想自己制作，你应该试试下面的方法:

  1. 显示一个div，当用户点击一个按钮或屏幕的某个区域时，它看起来像一个弹出窗口。
  2. 用菜单选项填充弹出窗口
  3. 当用户鼠标悬停或点击'Custom'选项时检测。
  4. 显示子菜单
相关文章：