Question

我是JavaScript的新手，需要一些帮助才能解决一些问题。

我有一个滑动条，希望将所选值放入下面的文本框中，到目前为止我已设法在滑块栏下显示该值。

这是我的代码：

<html>
<body>
-100 <input type="range" min="-100" max="100" step="5"       
onchange="showValue(this.value)" /> 100
<br><span id="value">0</span>
<script>
function showValue(newValue)
{
document.getElementById("value").innerHTML=newValue;
}
</script>
<p id="tbox">
<input type="text">
</p>
</body>
</html>

请帮助我，请不要jQuery建议。

提前致谢！

非常感谢我一直在寻找的......而且非常简单......而且感谢onmousemove提示...非常好

Answer 1

Haven未经过跨浏览器测试，但这似乎有效：

<html>
<body>
-100 <input type="range" min="-100" max="100" step="5"
onchange="showValue(this.value)" /> 100
<script>
function showValue(newValue)
{
document.getElementById("value").value=newValue;
}
</script>
<p id="tbox">
<input type="text" id="value">
</p>
</body>
</html>

滑块条值进入文本框

1 个答案: