Javascript 将滑条值导入文本框_Javascript

Javascript 将滑条值导入文本框

javascript

Javascript 将滑条值导入文本框,javascript,Javascript,我是JavaScript新手，需要一些帮助来解决一个小问题我有一个滑动条，希望将所选的值放入下面的文本框中，到目前为止，我已成功在滑块下显示值这是我的密码： <html> <body> -100 <input type="range" min="-100" max="100" step="5" onchange="showValue(this.value)" /> 100 <br><span id="value">0

我是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>


-100  100

0
函数showValue（newValue）
{
document.getElementById（“value”）.innerHTML=newValue；
}

请帮助我，请不要提出jQuery建议

提前谢谢

非常感谢这正是我一直在寻找的…非常简单…而且

感谢onmousemove提示…非常好

还没有测试跨浏览器，但这似乎有效：

<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>


-100  100
函数showValue（newValue）
{
document.getElementById（“value”）.value=newValue；
}

只是一个建议：您可以在您的范围内添加一个额外的

onmousemove=“showValue（this.value）”

以实现一些优雅的功能。