jquery form slider (input-slider)

问题:

How to make slider with jquery, like here?

User should select a value from slider, and this value should automatically be in input

I can not find the appropriate plug-in...

回答1:

http://jqueryui.com/demos/slider/

 $( "#slider" ).slider({
        value:100,
        min: 0,
        max: 500,
        step: 50,
        slide: function( event, ui ) {
                           //Its setting the slider value to the element with id "amount"
            $( "#amount" ).val( "$" + ui.value );
        }
    });

You can customize the style to look like the example you mentioned.