Hey there! any question in your mind? Ask It Now!.

Popular Categories





How to create a jQuery price Range slider ?

+1 vote
729 views
asked in Programming by user8080 (590 points)
edited by Bhartesh
I want a slider which can update price accordingly to slider, I am using php ,html and javascript,jQuery .

So can you send me a script for it which can perform this action. Thanks in advance !

1 Answer

+2 votes
answered by amit_pammu Expert (5,030 points)
selected by user8080
 
Best answer

simple price slider usinjg jquery..!!!

 

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    </head>
    <body>
 
        <div data-role="page">
            <div data-role="header">
                <h1>Range Slider</h1>
            </div>
 
            <div data-role="main" class="ui-content">
                <form method="" action="">
                    <div data-role="rangeslider">
                        <label for="price-min">Price:</label>
                        <input type="range" name="price-min" id="price-min" value="200" min="0" max="1000">
                        <label for="price-max">Price:</label>
                        <input type="range" name="price-max" id="price-max" value="800" min="0" max="1000">
                    </div>
                    <input type="submit" data-inline="true" value="Submit">
                   
                </form>
            </div>
        </div>
 
    </body>
</html>
 
commented by user8080 (590 points)
thanks! i actually need this code.
commented by krish Expert (6,310 points)
Could you please elaborate your question more?
commented by Bhartesh (2,690 points)
Cool Script ... Helped me also thanks!

Related Questions

Not a Member yet?

Ask to Folks Login

My Account
133 Folks are online
0 members and 133 guest online
Your feedback is highly appreciated