How do I modify the min and max value of a jQueryMobile slider at runtime?

Question

So I have a slider in my HTML document:

<input type="range" name="testSlider" id="testSlider" min="0" max="100" value="0" />

I want to modify the min and max range at run time, but I can't find any documentation on how to do this.

I apologize if this is obvious, but I'm really struggling with this seemingly obvious task. Thanks!

Did you try `$('#testSlider').attr('min',myNewMinValue);` and `$('#testSlider').attr('max',myNewMaxValue);` ? — orique, Oct 28 '13 at 07:26
You can use jQuery Slider Widget's [option](http://api.jqueryui.com/slider/#method-option). Check the answer below. — Subedi Kishor, Oct 28 '13 at 07:39

Subedi Kishor · Accepted Answer · 2013-10-28T07:31:37.740

0

You can use jQuery's .attr() method.

$('#testSlider').attr('min',MINVALUE);
$('#testSlider').attr('max',MAXVALUE);

And then you refresh the slider

$('#testSlider').slider( "refresh" );

OR

$("#testSlider").slider( "option", { min: MINVALUE, max: MAXVALUE} );

edited Oct 28 '13 at 07:31

answered Oct 28 '13 at 07:05

Subedi Kishor

1 Answers1