Question

这是我的代码：

 <script>
  $(function() {
    $( "#slider-vertical" ).slider({
      orientation: "vertical",
      range: "min",
      min: 0,
      max: 100000,
      step: 5000,
      value: 5000,
      slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );
      }
    });
    $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
  });
    </script>

HTML

<p>
  <label for="amount">Стоимость:</label>
  <input name="amount" type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" size="4">Р
</p>

这是轨迹栏。我希望在更改输入值时更改div上的文本。请帮助js代码。

Answer 1

给div一个ID，比如说“result”，

然后在$（“＃amount”）下面.val（ui.value）;,添加：

document.getElementById('result').innerHTML=ui.value;

（编辑）的

Answer 2

在您的示例中，我没有在HTML中看到<div id="slider-vertical"></div>的垂直滑块。否则，您的代码似乎没问题，并且在这个jsbin中为我工作：http://jsbin.com/aCedAVi/1/edit

如果更改输入JS的值，则更改div上的文本

2 个答案: