Html 如何显示当前值?
我正在使用以下代码:Html 如何显示当前值?,html,Html,我正在使用以下代码: <input type="range" min="1" max="100" name="points"> 如何在滑块中显示当前值?如果要显示具体的数字,可以在输入上加一个span或其他内容,并使用jquery处理onchanged事件 HTML: 只有较新的浏览器才支持。但是有了一点JavaScript的魔力,你也可以让年长的浏览器访问它,你甚至不需要这样做 在JavaScript中,添加以下代码段: function updateCurrentValue
<input type="range" min="1" max="100" name="points">
如何在滑块中显示当前值?如果要显示具体的数字,可以在输入上加一个span或其他内容,并使用jquery处理onchanged事件 HTML: 只有较新的浏览器才支持。但是有了一点JavaScript的魔力,你也可以让年长的浏览器访问它,你甚至不需要这样做 在JavaScript中,添加以下代码段:
function updateCurrentValue(val) {
document.getElementById('currentValue').value=val;
}
然后,在HTML中添加另一个显示滑块当前值的位置:
<input type="range" min="1" max="100" name="points" onchange="updateCurrentValue(this.value);">
Current value: <input type="text" id="currentValue">
当前值:
什么也不做。显示当前值(在Chrome中,它由滑块条中手柄的位置表示)。它不显示。我猜,这两种输入类型在firefox上都不起作用。好吧,假设,我想将当前值与预定义的数字相乘,然后显示它。该如何工作?好吧,假设,我想将currentvalue与预定义的数字相乘,然后显示它。该函数是如何实现的?它与jquery中的.text(test.val())一样简单。我不知道你想用滑块做什么,实际值不够好。您可以设置特定值的最小值和最大值,并且可以设置一个步长,以便只显示特定的数字。你需要乘以什么我在做这个:-数量*价格(每1篇文章)谢谢,伙计,这很有帮助。
function updateCurrentValue(val) {
document.getElementById('currentValue').value=val;
}
<input type="range" min="1" max="100" name="points" onchange="updateCurrentValue(this.value);">
Current value: <input type="text" id="currentValue">