我试图找出如何让多个滑块在右侧显示其值，基于我找到的示例：http://webtutsdepot.com/2010/04/24/html-5-slider-input-tutorial/
（然后我想将每个滑块输出存储为JavaScript变量，以用作多个函数的输入，但首先是第一个。）
我为每个滑块添加了输入ID和名称（来自http://html5tutorial.info/html5-range.php）以及表单名称和ID（http://www.javascript-coder.com/javascript-form/getelementbyid-form.phtml）...但我似乎无法修改示例函数（使用document.getElementById（“range”）。innerHTML）获取要为其中一个滑块显示的值。
因此，在其当前状态下，所有滑块值反映第一个滑块的位置而不是其他滑块的位置。我已经尝试了一段时间，但除了添加我无法抓取的可能标识符之外没有取得多大进展:-p。
任何人都可以解释我如何通过名称或输入ID而不是输入类型来定位显示滑块值？或者指向一个资源，可以告诉我如何修改我现在拥有的东西？
这样我就可以让每个滑块显示一个自己位置的值。
我的标题中有滑块。代码粘贴在下面（我已离开它以便代码运行，但每个数字显示第一个滑块的位置）：
<p>
<form name = "weight1" id = "weight1" >
<!-- http://webtutsdepot.com/2010/04/24/html-5-slider-input-tutorial/ -->
<text><b> weight1 </b></text> <input id="weight1" input type="range" name="weight1" min="0" max="100" value="0" step="1" onchange="showValue(weight1.value)" />
<span id="range">0</span>
<script type="text/javascript">
function showValue(newValue)
{
document.getElementById("range").innerHTML=newValue;
}
</script>
</form>
<form name = "weight2" id = "weight2" >
<text><b> weight2 </b></text> <input id="weight2" input type="range" name="weight2" min="0" max="100" value="0" step="1" onchange="showValue(weight2.value)" />
<span id="range">0</span>
</form>
<form name = "weight3" id = "weight3" >
<text><b> weight3 </b></text> <input id="weight3" input type="range" name="weight3" min="0" max="100" value="0" step="1" onchange="showValue(this.value)" />
<span id="range">0</span>
</form>
<form name = "weight4" id = "weight4" >
<text><b> weight4 </b></text> <input id="weight4" input type="range" name="weight4" min="0" max="100" value="0" step="1" onchange="showValue(this.value)" />
<span id="range">0</span>
</form>
<form name = "weight5" id = "weight5" >
<text><b> weight5 </b></text> <input id="weight5" input type="range" name="weight5" min="0" max="100" value="0" step="1" onchange="showValue(this.value)" />
<span id="range">0</span>
</form>
<form name = "weight6" id = "weight6" >
<text><b> weight6 </b></text> <input id="weight6" input type="range" name="weight6" min="0" max="100" value="0" step="1" onchange="showValue(this.value)" />
<span id="range">0</span>
</form>
</p>
（注意：当我意识到它不能作为唯一标识符时，我放弃了重命名showValue（this.value）...）
据推测，一旦我知道如何获取要显示的JavaScript滑块值，我就可以使用相同的技术将其分配给变量，以便在HTML文档的正文中使用它...
非常感谢任何见解！