將滑動條值放入文本框

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

將滑動條值放入文本框

回答

相關問題