Javascript 选择范围时如何显示输入范围值？

有人在选择范围时，如何显示输入范围的值

<table>
    <tr>
       <td>Temp: </td>
       <td>
           <span>[RANGE VALUE HERE]<span>
           <input type="range" value="75">
       </td>
   </tr>
</table>

临时雇员：
[此处的范围值]

您可以使用此

编辑颜色：

$('span').text($('[type=range]').val());
$('[type=range]').change(function () {
    var myspan = $('span');
    myspan.text(this.value);
    if (this.value < 50) {
        myspan.css('color', 'blue');
    } else {
        myspan.css('color', 'black');
    }
});

$（'span'）.text（$（'[type=range]'）.val（））；
$（'[type=range]'）。更改（函数（）{
var myspan=$（'span'）；
text（this.value）；
如果（该值<50）{
css（'color'，'blue'）；
}否则{
css（'color'，'black'）；
}
});

试试这个（小提琴：）：

html:

---

演示：

谢谢！很好用。我如何更改值的颜色，比如说，如果值<50，则颜色应为蓝色？谢谢，先生，这非常有用@htmlNewbie-绝对。。很乐意帮忙。

<table>
    <tr>
       <td>Temp: </td>
       <td>
           <div id="vv">[RANGE VALUE HERE]</div>
            <input id="rn" type="range" value="75" />
       </td>
   </tr>
</table>

$("#rn").change(function(){
    $("#vv").text(this.value);
})

jQuery(function () {
    $('input[type="range"]').change(function () {
        $(this).prev('span').text(this.value)
    })
})