You can use jquery selecttoUIslider component. This component takes the select form elements and generates a jquery UI Slider element.
Here is an example from page.
Markup
<select name="optiontype" id="idselect">
<option value="Economy">Economy</option>
<option value="Value">Value</option>
<option value="Average" selected="selected">Average</option>
<option value="Splurge a little">Splurge a little</option>
<option value="Luxury">Luxury</option>
</select>
Javascript
$('#idselect').selectToUISlider();
You can check the demo page here
and Download the code from here
0
solved How to create form slider with 5 values [closed]