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 or without JavaScript since the select element can be used if the slider is unavailable.

This jQuery Slider Plugin is successfully tested in Firefox 2/3, Safari 3, and IE 6/7. This plugin requires jQuery and jQuery UI Slider. It also uses the jQuery UI CSS Framework as well as one additional custom CSS file. The demo in the zip file includes all necessary dependencies.

One of the most interesting feature of 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.