使用值动态更改输入ID - 输入类型=范围

Question

我正在制作手机间隙查询移动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部门。

Answer 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感到不安..也许您应该调查更好的选项来解决您的问题

Answer 2

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