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,129 views
+1 vote
1 answer 920 views
+1 vote
2 answers 122 views
+1 vote
2 answers 114 views
+1 vote
2 answers 5,861 views
0 votes
2 answers 304 views
+1 vote
1 answer 175 views
+1 vote
2 answers 126 views

Not a Member yet?

Ask to Folks Login

My Account
454 Folks are online
4 members and 450 guest online
Your feedback is highly appreciated