У меня есть эта демонстрация .
Значение обновляется только при обновлении страницы, но моя идея - обновить значение при перемещении указателя.
Я использую этот плагин , но я думаю, что он основан на ползунке пользовательского интерфейса jQuery.
В моем коде у меня есть:
<script type="text/javascript">
$(function(){
$("#SliderSingle").slider({
from: 400,
to: 2000,
step: 2.5,
round: 1,
scale: ['400€', '600€', '800€', '1000€', '1200€', '1400€',
'1600€', '1800€', '2000€'],
dimension: ' €',
skin: "round",
slide: function(event, ui){
$("#amount").val('$' + ui.value);
}
});
$("#amount").val('$' + $("#SliderSingle").slider("value"));
});
</script>
Единственная проблема - просто обновитьзначение при перемещении указателя.