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,410 points)
Cool Script ... Helped me also thanks!

Related Questions

Not a Member yet?

Ask to Folks Login

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