如何使用选项是其他 html 元素的单选按钮答案

【问题标题】：How to use radio buttons whose options are other html elements如何使用选项是其他 html 元素的单选按钮
【发布时间】：2011-08-05 23:11:45
【问题描述】：

如何创建选项是其他 html 元素的单选按钮？
例如，我需要两个单选按钮 - 第一个将显示一个下拉菜单，另一个 - 一个简单的文本字段。
下拉菜单将从数据库中获取其选项，用户将能够选择其中一个选项并点击“提交”。
但他也可以选择填写文本字段并点击“提交”。

【问题讨论】：

请提供一些代码，说明您目前的进展情况，我们可以进一步为您提供帮助。
我认为你需要更清楚地解释你想要什么。您究竟需要什么帮助？
我还没有要提供的代码。我只是第一次尝试这个。这个想法是用户必须提交一个地址。因此，他将能够选择几个现有地址之一（下拉菜单），或者如果其中不适合他，他将能够自己输入地址（文本字段选项）。

【解决方案1】：

创建一个 div 容器来保存您的文本字段/下拉菜单。将 onChange 触发器添加到获取其值的收音机，如果它的值是“文本框”，请使用 appendChild 将文本框添加到容器中。下拉菜单也是如此。

【讨论】：

【解决方案2】：

您应该在无线电标签上放置一个“onchange”事件触发器。 javascript可以是你想要的任何东西；我认为您应该为下拉菜单和文本字段提供一个唯一 ID，并在选择单选按钮时将 CSS 显示属性从隐藏切换为阻止。

【讨论】：