javascript - 如何在选择范围时显示输入范围值？

Question

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

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

Answer 1

您可以使用这个 jsFiddle DEMO

编辑颜色:

$('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');
    }
});