Как умножить hidden VALUE и отобразить значение в DIV?

Question

[lamoshnik]

<input id="znch" name="znch" type="hidden" value="500" />

Значение value постоянно меняется ползунком, необходимо умножить значение на 0.5 и получить результат в div:

<div id="price" >0</div>

т.е. одна ядиница type="hidden" value="1" должна ровняться 0.50 и ответ нужно вывести в DIV

Как лучше реализовать на jquery?

Answer 1

[Сергей]

$('#znch').on('input change', function(){
	$('#price').html( $(this).val() * 0.5 );
})

?

Comments

[lamoshnik]

В таком формате код полностью перестал работать(

<script type="text/javascript">

$(document).ready(function(){
$( ".slider" ).slider({
animate: true,
range: "min",
value: 500,
min: 500,
max: 30000,
step: 1,

slide: function( event, ui ) {
$( "#slider-result" ).html(ui.value);
},

$('#znch').on('input change', function(){
  $('#price').html( $(this).val() * 0.5 );
}),

change: function(event, ui) {
$('#znch').attr('value', ui.value);
}


});
});

</script>

[lamoshnik]

а так не счиатет)

[Игорь Корсаков]

Привет!

Попробуй такой код:

<script type="text/javascript">
$(document).ready(function() {
    $(".slider").slider({
        animate: true,
        range: "min",
        value: 500,
        min: 500,
        max: 30000,
        step: 1,

        slide: function(event, ui) {
            $("#slider-result").html(ui.value);
        },

        change: function(event, ui) {
            $('#znch').attr('value', ui.value);
            $('#price').html(parseFloat(ui.value) * 0.5);
        }


    });
});
</script>

[lamoshnik]

Игорь Корсаков, Привет! Спасибо, работает.