How to Get Values from jQuery Select Slider?

Question

I'm using the Filament Group's jQuery Select Slider to produce a form for selecting a range of specific values.

How can I get the values of the slider and update <input> field?

$(function(){
    $('select').selectToUISlider({
        labels: 7
    });
 //fix color 
 fixToolTipColor();
});

I understand that I can get the values through the jQuery UI Slider through a change function. How would I do that?

Answer 1

The plugin already updates the 'select' element for which you have created UI Slider.

If you want to update another 'input' element, why not hook up the change event for your select and use it to update your input field.

$(function(){

    $('select')
        .selectToUISlider({ labels: 7 })
        .change(
                function()
                {
                    $('#myInputField').val(this.val());
                }
               );

        //fix color 
        fixToolTipColor();
});

Answer 2

How I can set value of the slider, i want to set min/max value if a click on toogle button?!