【问题标题】:HTML: Radio buttons connected to select listsHTML:连接到选择列表的单选按钮
【发布时间】:2009-12-01 00:45:20
【问题描述】:

请原谅我缺乏 html 知识,但是否可以设置一组比如说 3 个单选按钮,以便每个按钮链接到不同的项目选择列表?

我想要做的是让用户选择:

Projects 选择所有项目的列表,
任务选择所有任务的列表,
用户选择所有用户的列表

就目前为止我能够从单选按钮中计算出的而言,它们只是显示文本并有一个提交值作为输入。我想的不可行吗?

我有点希望有一些简单的方法可以将单选按钮链接到每个选择列表,但在最坏的情况下,我可以想象只有适当的选择列表将其值通过javascript方法。尽管对于看起来如此简单的想法来说,这似乎是不必要的复杂。

【问题讨论】:

  • 我不明白你想要达到什么目的。也许绘制线框可能会有所帮助
  • 为了将其与我的更大目标联系起来,我正在编写一个消息传递系统,当您撰写消息时,您应该能够:a) 从下拉菜单中选择一个项目以将消息与 b 相关联)从下拉菜单中选择一个任务以将消息关联到或 c)从多选列表中选择一个用户以将消息关联到“任一”条件是我想要使用单选按钮的原因,并且下拉菜单让我想将每个单选按钮与选择列表相关联。

标签: html selectlist radio-button


【解决方案1】:

您当然需要使用 javascript 来完成此操作;纯 HTML 单选按钮仅用于在表单提交中传输单个值。

为了澄清你的要求,这是你的想法:

  1. 用户从一组 3 个单选按钮开始,指示他们想要进行的选择类型
  2. 用户选择其中一个按钮
  3. 用户会看到相应类型项目的选择列表

如果这就是您的意思,最简单的方法是简单地添加所有三个选择列表,但将它们隐藏起来。然后向单选按钮添加一个 javascript 事件以显示选定的一个(并在必要时隐藏其他)。

【讨论】:

  • 是的,这是一个合理的解决方案。选择列表是否隐藏并不重要,而是仅处理适当的选择列表的值
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-17
  • 2015-04-26
  • 2020-03-18
相关资源
最近更新 更多