4+ jQuery Mobile Price Sliders (Range Select)

Sam Deering

Today’s post is a list of jQuery Mobile Price Sliders. These plugins can be used for numbers, prices or anything that requires a range of selection. Mobile slides provide the mobile user with an easy way to select values simply by sliding any touch device by finger and the current value is displayed in the box. Our favourite is #2 as it allows for easy creation, min/max set and themes. Enjoy!

Related Posts:

1. jQuery UI Slider

The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.


jQuery UI Slider

Source + Demo

2. jQuery Mobile Slider

This plugin will auto initialize on any page that contains a text input with the type=”range” attribute.


Slider

Source + Demo

3. JsFiddle

Is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript.


JsFiddle

Source + Demo

4. Sliders

As you drag the slider, the input will update and vice-versa so they are always in sync so you can submit the slider value with form in a simple way.


Sliders

Source + Demo

5. jSlider

One more I found with some decent customisations.
price-slider
Source + Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://boompah.com/ Ryan Bollenbach
  • http://ahmedag.com Ahmed AG

    can we do a dimming light icon rather than that text box?

  • http://jquery4u.com/ jQuery4u

    Added #5
    5. jSlider

  • Pingback: 7 Pretty Cool jQuery Mobile Plugins | jQuery4u

  • Pingback: 5 jQuery Mobile Gallery Plugins | jQuery4u

  • M

    Thank you so much for this article!!

  • somnath

    Thanks for slider

  • jaywant

    Thanks ones again . very Useful tutorial …….

  • Aijay

    HI ,This is very nice…..

  • http://www.abinashmohanty.com/ Abinash Mohanty

    wow! These are really awesome, I am planning to use one of them in my project. Thanks Sam. :)

  • dev

    Thank you for this article, can we show range sliders in a popup window?

  • Bryan

    Nice. Very useful indeed. :D