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

Popular Categories

How to create a jQuery price Range slider ?

+1 vote
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>
        <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>
        <div data-role="page">
            <div data-role="header">
                <h1>Range Slider</h1>
            <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">
                    <input type="submit" data-inline="true" value="Submit">
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,730 points)
Cool Script ... Helped me also thanks!

Related Questions

+4 votes
5 answers 3,572 views
+1 vote
1 answer 1,017 views
+1 vote
2 answers 133 views
+1 vote
2 answers 137 views
+1 vote
2 answers 6,119 views
0 votes
2 answers 326 views
+1 vote
1 answer 182 views
+1 vote
2 answers 141 views

Not a Member yet?

Ask to Folks Login

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