将滑动条值放入文本框

我是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提示...很不错

来源

2014-04-25 Galavatron

只是一个建议：你可以添加一个额外'的OnMouseMove =“showValue（THIS.VALUE）”'你的范围，一些优雅的功能。 –

没有测试跨浏览器，但这似乎工作：

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

来源

2014-04-25 07:23:48

将滑动条值放入文本框

回答

相关问题