Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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...

like image 770
Ilya Medvedev Avatar asked Dec 25 '11 14:12

Ilya Medvedev


1 Answers

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.

like image 70
Shyju Avatar answered Nov 01 '22 13:11

Shyju