动态更改输入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来实现，但我缺乏技术诀窍。由于这个数据库属于大学的IT部门，我也无法改变数据库的设置方式（同时需要id和value）。

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

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