jQuery - показывать значения ползунка во входных данных

Question

как показывать значения моего ползунка во входных данных, поэтому, когда пользователь перетаскивает ползунок - значения будут динамически отображаться во входах рядом с каждым ползунком?

Вот пример:

http://jsfiddle.net/YHmkp/

Answer 1

$(".slider").slider({
    slide: function(event, ui) {
        $(this).next().val(ui.value);
    }
});

http://jsfiddle.net/reigel/YHmkp/1/

Answer 2

Используйте события ползунка, как описано на http://jqueryui.com/demos/slider/:

например:

$( ".selector" ).slider({
   slide: function(event, ui) {

     // value is supplied in ui.value for single-handled sliders
     var currentValue = ui.value;

     $("#yourinputbox").val(currentValue);
   }
});