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

时间:2012-01-05 13:09:53

标签: javascript forms html5 input range

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

2 个答案:

答案 0 :(得分: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感到不安..也许您应该调查更好的选项来解决您的问题

答案 1 :(得分:0)

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