输入类型范围在html中的输入类型编号中显示范围值

【问题标题】：input type range show range value in input type number in html输入类型范围在html中的输入类型编号中显示范围值
【发布时间】：2021-04-16 20:55:30
【问题描述】：

如何更改以下代码，以便将其用于数字类型的多个输入？

function updateTextInput(val) {
          document.getElementById('textInput').value=val; 
        }

<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">

【问题讨论】：

标签： javascript html input numbers range

【解决方案1】：

所以。我会做什么 - 我会扩展该功能，以便它可以与多个 ID 一起使用。类似的东西：

function updateTextInput(val, elId) {
          document.getElementById(elId).value=val; 
        }

<input type="range" name="rangeInput1" min="0" max="100" onchange="updateTextInput(this.value, 'textInput1');">
<input type="text" id="textInput1" value="">
<br/>
<input type="range" name="rangeInput2" min="0" max="100" onchange="updateTextInput(this.value, 'textInput2');">
<input type="text" id="textInput2" value="">

【讨论】：