How to get the value of the slider bootstrap?

javascript twitter-bootstrap slider bootstrap-slider

NETTO · Apr 1, 2013 · Viewed 39.1k times · Source

How to get the values of the slider bootstrap to hidden iputs?

<input type="hidden" name="min_value" id="min_value" value="">
<input type="hidden" name="max_value" id="max_value" value="">

$(function () {
  $("#slider-range-s1").slider({
    range: true,
    min: 0,
    max: 500,
    value: [0, 500]
  });
});

Answer

I think it's currently broken.

Documentation states:

Methods

.slider('getValue')

Get the value.

How ever, calling $('#sliderDivId').slider('getValue') returns the jQuery selector rather than the value...

For now you could manually grab it from the data object... $('#sliderDivId').data('slider').getValue()