使用jQuery更改顯示範圍字段值

Question

我有此範圍字段，並且在它附近是默認值300 GBP。

<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，則可以使用鍵盤事件：

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