CODEWITHSUNDEEP
jqueryinputslider
anonymous
anonymous

Reputation: 1539

jQuery - show slider values in inputs

how to show my slider values in inputs, so when user is dragging a slider - the values will be dynamically shown in the inputs next to each slider?

Here's example:

http://jsfiddle.net/YHmkp/

Upvotes: 0

Views: 442

Answers (2)

richsage
richsage

Reputation: 27102

Use the slider events as detailed on http://jqueryui.com/demos/slider/:

eg:

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

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

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

Upvotes: 0

Reigel Gallarde
Reigel Gallarde

Reputation: 65254

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

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

Upvotes: 2

Related Questions