CODEWITHSUNDEEP
javascriptjqueryformsinputslider
Ilya Medvedev
Ilya Medvedev

Reputation: 1279

jquery form slider (input-slider)

How to make slider with jquery, like here?

sample

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

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

Upvotes: 9

Views: 17638

Answers (1)

Shyju
Shyju

Reputation: 218732

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.

Upvotes: 13

Related Questions