Question

I have 3 connected jquery ui sliders where the value is reflected in input fields next to them.

See http://jsfiddle.net/oniiru/gWbMp/

As it is now, the value of the input changes as I slide the sliders, but I can’t figure out how to change the value of the slider if I type a new value into the input. I know there are other examples of this out there, but not with connected sliders and I somehow can’t get it working. Could anyone help? Sorry I’m pretty new to this, and any help would be appreciated.

As a side note, the slider handles also pass beyond the end of the slider, and if someone wanted to help me figure out how to fix that as well I would certainly appreciate it. 🙂

thanks all,

Answer 1

Use following code: modified jsfiddle

    $("input").change(function(){

         var index = $(this).attr('class').substring(0,1);
        $("#slider_"+ index).slider('value', this.value);
        refreshSliders( index - 0 );
});

Note:You should not use same Id for more than one element. (you are using same id for all inputs).