jquery-ui slider update value from code

Question

i've got a problem with updating slider value from code. i have tried

$('#slider').slider('value', newValue);
$('#slider').val(newValue).slider();
$('#slider').val(newValue).slider('refresh');

and no result

any other suggestions

score 9 · Accepted Answer · answered May 25 '11 at 23:09

9

here is a sample code

Determines the value of the slider, if there's only one handle. If there is more than one handle, determines the value of the first handle.

Code examples

Initialize a slider with the value option specified.
$( ".selector" ).slider({ value: 37 });
Get or set the value option, after init.
//getter
var value = $( ".selector" ).slider( "option", "value" );
//setter
$( ".selector" ).slider( "option", "value", 37 );

answered May 25 '11 at 23:09

Amit

21,570
27
74
94

Turned out that I had invalid selector. – maxlego May 26 '11 at 13:29
1

@maxlego: Try this `$( "#slider" ).slider({ value: 37 });` to set slider value. – Amit May 26 '11 at 13:54

score 1 · Answer 2 · answered Jul 03 '16 at 13:16

<html>
<input type="text" id="amount">
<input type="text" id="amount2">
<div id="slider-range"></div>
</html>

_

<script>
$(function() {
$( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 217,
    values: [ 0, 217 ],
    slide: function( event, ui ) {
        $( "#amount" ).val( ui.values[ 0 ] );
        $( "#amount2" ).val( ui.values[ 1 ] );
    }
});

$("#amount").change(function() {
    $("#slider-range").slider('values',0,$(this).val());
});
$("#amount2").change(function() {
    $("#slider-range").slider('values',1,$(this).val());
});

});
</script>

https://jsfiddle.net/brhuman/uvx6pdc1/

score -1 · Answer 3 · edited Oct 31 '14 at 15:06

-1

Just call showSlider() which was in slider.js file wherever u want. It will automatically refresh.

edited Oct 31 '14 at 15:06

Viktor S.

12,736
1
27
52

answered Oct 31 '14 at 14:37

Sarath Kiran

1

From the question there's no evidence that the user is using slider.js – carlodurso Oct 31 '14 at 14:58

jquery-ui slider update value from code

3 Answers3