Geek Answers Handbook

Jquery-ui slider update value from code

I am having a problem updating the value of a slider from code. I tried

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

and no result

any other suggestions

+4
source share
3 answers

here is a sample code

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

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 );
+8
source 
 <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/

+1
source

Just call showSlider (), which was in the slider.js file, wherever you want. It will be automatically updated.

-1
source

More articles:


All Articles