使用值动态更改输入 id - 输入类型 = 范围答案

【问题标题】：Dynamically change input id with value - input type=range使用值动态更改输入 id - 输入类型 = 范围
【发布时间】：2012-01-05 13:09:52
【问题描述】：

我正在制作一个手机差距查询移动 iOS 应用程序，用于在我的大学进行课程评估。这个应用程序的主要功能将是一个表单，它的原始表单使用单选按钮，其中每个值也有一个对应的 id - 例如

<input name="q10" id="1" value="1" type="radio" />
<input name="q10" id="2" value="2" type="radio" />
<input name="q10" id="3" value="3" type="radio" />
<input name="q10" id="4" value="4" type="radio" />
<input name="q10" id="5" value="5" type="radio" />
<input name="q10" id="6" value="6" type="radio" />

但单选按钮在 iOS 设备上并不是那么直观，所以我改用输入类型范围。这对于在 1 和 6 之间更改值非常有效，但问题是一个只为整个输入指定一个 id，而不是每个值一个 id。

<input type="range" name="q10" id="q10" value="0" min="0" max="6"  />

有没有办法用值改变id？我认为这应该可以通过 JavaScript 实现，但我缺乏专业知识。我也无法更改数据库的设置方式（需要 id 和 value），因为该数据库属于大学的 IT 部门。

【问题讨论】：

标签： javascript forms html input range

【解决方案1】：

您可以使用change 事件

<input type="range" onchange="this.id=this.value" name="q10" id="q10" value="0" min="0" max="6" />

这里的工作示例 - http://jsfiddle.net/aVHm8/

注意：我总是对更改 DOM 元素的 ID 感到不安。也许您应该寻找更好的选择来解决您的问题

【讨论】：

【解决方案2】：

数据库无法知道id 是什么，除非您使用JavaScript 将其发送到服务器（标准表单提交发送name 和value）。在这种情况下，找到提取 ID 的 JS 位，然后将值发送两次。

【讨论】：