根据用户在菜单中的选择显示不同的对象
Showing different objects depending on user selection in menu
我有html代码,下拉菜单有几个值,包括"自定义"。我想有不同的html内容下面的下拉菜单取决于用户的选择。如果用户选择"自定义"值,那么我需要显示一个下拉菜单和两个编辑框,如果在任何其他情况下,我只需要显示一个编辑框。
据我所知,我需要使用onchange()
事件和javascript代码。对吗?你能给点建议吗?
谢谢。
看起来你才刚刚开始。是的,你可能最终会使用javascript。你需要明白javascript是用来
的- 动态修改页面的DOM(即html)
- 检测发生在DOM不同元素上的事件(例如:a
div
或window
).
change
事件为单事件。根据需求,您可能希望使用change,但是当用户将指针悬停在Custom
上时,您可能希望显示子菜单。
请注意,您可能可以使用一些库来显示带有子菜单的菜单。
如果你想自己制作,你应该试试下面的方法:
- 显示一个div,当用户点击一个按钮或屏幕的某个区域时,它看起来像一个弹出窗口。
- 用菜单选项填充弹出窗口
- 当用户鼠标悬停或点击'Custom'选项时检测。
- 显示子菜单
相关文章:
- 根据用户从下拉列表中的选择显示多个文本框
- 根据页面加载时的单选按钮选择显示某些字段
- 根据组合框选择显示特定数据
- 从项目列表Jquery中仅选择(显示:块)元素
- 根据用户复选框选择显示或隐藏下拉框
- 根据以前的选择显示选择选项
- 如何选择显示值而不是value选项
- 根据asp.net中下拉框中的选择显示文本框
- 根据单选按钮的选择显示HTML表单
- 缩小后的大图像上的Jcrop圆形选择显示预览选择区域中的全尺寸图像
- 按数字选择显示输入
- 基于下拉选择显示/隐藏控件mvc 4 razor c#
- 角度选择显示名称和项目
- 获取值并根据用户在 Javascript 上的选择显示
- 根据选择显示表格/表单
- 根据下拉选择显示文本
- 为什么选择显示显示值而不是标签
- 多个文本字段,根据单选选择显示/隐藏(Html,JS)
- 基于多个单选按钮选择显示或隐藏元素
- 根据在选择框中所做的选择显示文本