我正在使用 js 从范围 slider 获取值。现在我想在输入框中显示它。
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
slider.oninput = function() {
output.innerHTML = this.value;
}
<input type="range" min="1" max="10" name="ans" class="slider" id="myRange">
value:<p><span id="demo"></p>
需要在输入框中显示的值
最佳答案
你只需要做一些小的改变。
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
var inputItem = document.getElementById("outputPounds");
output.innerHTML = slider.value;
weightConverter(slider.value);
slider.oninput = function() {
output.innerHTML = this.value;
weightConverter(slider.value);
}
function weightConverter(valNum) {
inputItem.value=valNum*2.2046;
}
<input type="range" min="1" max="200" name="ans" class="slider"
id="myRange">
<p class="agecls">Weight:<span id="demo" style="text-decoration:underline"
oninput="weightConverter(this.value)"
onchange="weightConverter(this.value)"></span></p>
<p>Pounds: <input type="text" value="0" id="outputPounds"></p>
关于javascript - 如何获取输入框上的范围输入值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57900793/