Question

我有这个范围字段，它附近的默认值是300英镑。

<div class="filterField">
<label>Price:</label>
<input type="range" name="price" id="price" min="0" max="1000" value="300" />
<div class="rangeValue"><div id="valuePrice">300</div> GBP</div>
</div>

现在我要做的是在用户进行更改时立即更改<div id="valuePrice"></div>中的值。

我已尝试使用此脚本，但它不起作用：

$("#price").change(function () {                    
   var newValue = $('#price').val();
   $("#valuePrice").replaceWith(newValue);
});

有人可以帮我这个吗？

Answer 1

你试过了吗？

$("#valuePrice").html(newValue);

Answer 2

当文本框模糊时，会触发

更改事件。如果您希望在用户输入时立即更新div，则可以使用keyup事件：

$("#price").keyup(function () {                    
   var newValue = $('#price').val();
   $("#valuePrice").html(newValue);
});

使用jQuery显示更改范围字段值

2 个答案: