获取输入值为html

时间:2015-10-29 06:30:16

标签: jquery html input slider

我一直在寻找,但到目前为止还没有运气。我试图将input type="text"的值作为html获取,所以我可以这样做:

<script>
    $(document).ready(function(){
        $(".slider").click(function(){

            var bla = $(".slider").val();
            $("p.hi").html(bla);
        });
    });
</script>

,输入如下:

<input class="slider" data-slider-max="50" data-slider-min="0" data-slider-value="0" type="text"> <p class="holi"> INPUT VALUE GOES HERE</p>

任何帮助都将受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

而不是click事件使用inputkeypress事件

&#13;
&#13;
$(document).ready(function() {
  $(".slider").on('input', function() {
    $("p.hi").html(this.value);
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="slider" data-slider-max="50" data-slider-min="0" data-slider-value="0" type="text">
<p class="hi">INPUT VALUE GOES HERE</p>
&#13;
&#13;
&#13;