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 2,133 views
+1 vote
1 answer 666 views
+1 vote
2 answers 92 views
+1 vote
2 answers 75 views
+1 vote
2 answers 5,110 views
0 votes
2 answers 264 views
+1 vote
1 answer 145 views
+1 vote
2 answers 105 views

Not a Member yet?

Ask to Folks Login

My Account
1064 Folks are online
69 members and 995 guest online
Your feedback is highly appreciated