gpt4 book ai didi

javascript - slider 值到文本框

转载 作者:行者123 更新时间:2023-11-30 12:43:58 26 4
gpt4 key购买 nike

我是 JavaScript 新手,遇到一些小问题需要一些帮助。

我有一个滑动条,希望将选定的值放入下面的文本框中,到目前为止我已设法在 slider 下方显示值。

这是我的代码:

<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 提示...非常好

最佳答案

尚未测试跨浏览器,但这似乎有效:

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

关于javascript - slider 值到文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23286592/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com