<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
 
    insertSlider ({QID});
 
    function insertSlider (qID) {
 
      // Identify this question
      var thisQuestion = $('#question'+qID);
      thisQuestion.addClass('with-dropdown-sliders');
 
      // Loop through all array drop-downs
      $('select.multiflexiselect', thisQuestion).each(function(i, el){
        var thisCell = $(el).closest('td');
 
        // Hide the dropdown
        $(el).hide();
 
        // Some dropdown values
        var currentVal = $(el).val();
        var firstVal = Number($('option[value!=""]:first', el).attr('value'));
        var secondVal = Number($('option[value!=""]:eq(1)', el).attr('value'));
        var lastVal = Number($('option[value!=""]:last', el).attr('value'));
 
        // Insert an input for the slider
        var thisInput = $('<input class="inserted-input" type="text" />').insertAfter(el);
 
        // Initiate the slider
        thisInput.val(currentVal).bootstrapSlider({
          'min': firstVal,
          'max': lastVal,
          'step': secondVal - firstVal,
          'value': Number(currentVal),
          'tooltip': 'always'
        });
 
        // Listener on the slider
        $(thisInput).on('slideStop', function () {
          if($('.tooltip', thisCell).is(':hidden')) {
            $('.tooltip', thisCell).show();
            $('.tooltip', thisCell).css('margin-left', '-'+($('.tooltip', thisCell).width()/2)+'px');
          }
          $(el).val($(thisInput).val());
        });
 
        // Hide the slider call-out if no value selected yet
        if(currentVal == '') {
          $('.tooltip', thisCell).hide();
        }
      });
    }
  });
</script>

.with-dropdown-sliders .slider.slider-horizontal {
    margin: 1.5em auto  1em auto;
    width: 90%;
}
 
.with-dropdown-sliders .slider.slider-horizontal .slider-handle {
    margin-top: -5px;
}