Jquery UI Slider change value of slider when changed in input field Jquery UI Slider change value of slider when changed in input field jquery jquery

Jquery UI Slider change value of slider when changed in input field


You attach to the change event of your input like so:

$("#storlek_testet").change(function() {    $("#storlekslider").slider("value", $(this).val());});


Change values from several inputs:

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

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


$("#storlek_testet").keyup(function() {    $("#storlekslider").slider("value" , $(this).val())});

http://jsfiddle.net/C8X4D/