输入范围 - 实时发送值

时间:2014-04-20 22:32:37

标签: input real-time

有没有办法将范围类型的输入值实时发送到另一个元素,例如div?

$(function(){
    $('#mySlider').change(function(){

        $('#currentValue').html(this.value);

    });
});

示例:http://jsfiddle.net/eWyKH

1 个答案:

答案 0 :(得分:6)

HTML:

<input type="range" oninput="myFunction(this.value)" value="0" min="0" max="1" step="0.01" />
<span id="currentValue">0</span>

使用Javascript:

function myFunction(myValue){
  document.getElementById("currentValue").innerHTML = myValue;
}

DEMO