Этот мой код:
<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, когда изменяется значение ввода. Pls, помощь с js-кодом.
Дайте div ID, скажем, "результат",
Затем в под $ ("# amount"). Val (ui.value) ;, добавьте:
document.getElementById('result').innerHTML=ui.value;
(Edited)
В вашем примере я не вижу <div id="slider-vertical"></div>
для вертикального слайдера в вашем HTML. В противном случае ваш код выглядит нормально и работал для меня в этом jsbin: http://jsbin.com/aCedAVi/1/edit