jQuery获取值并在ID中设置

Question

我想要一个可以动态更改txt id =“ xd”

的滑块

<input type="range" min="1" max="100" value="50" class="slider1" id="myRange1">

<div id="xd">86</div>

脚本：

<script>
$(document).ready(function(){
/* Hier der jQuery-Code */

$('#myRange1').oninput(function() {
  var xy = $('#myRange1').val();
  $('#xd').innerHTML("xy");
})
}); </script>

Answer 1

您需要使用html()代替innerHTML和.on('change',代替oninput。

注意：：您需要像这样将变量而不是字符串传递给html()：

$('#xd').html(xy);

$(document).ready(function() {
  $('#myRange1').on('change', function() {
    var xy = $('#myRange1').val();
    $('#xd').html(xy);
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="range" min="1" max="100" value="50" class="slider1" id="myRange1">

<div id="xd">86</div>