jQuery UI Slider from a Select Element

This jQuery plugin will take data from a select element and generates a jQuery UI Slider in its place, acting as a proxy to the select element (regardless of whether it is still visible, or hidden from the user). This means you can use the jQuery Slider plugin alongside other input elements in a form and submit or serialize the form as if the slider is not even there. This also allows the slider to work with our without JavaScript since the select element can be used if the slider is unavailable.

One of the most interesting feature of Select-To-Slider plugin is the ability to generate a range slider using two select elements. The handles in the range slider will still update their respective select element values, just as they do in a single handle slider.

Since this component is built using jQuery UI slider component, you can easily style it by including a ThemeRoller generated style sheet and a custom CSS file for added features included in this plugin.

Developed by Filament Group; Select-To-Slider is available for download under MIT license.  You can find further information, demo & download on Filament Group Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links