Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何显示当前值?_Html - Fatal编程技术网

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