javascript - Dynamically set value of Bootstrap slider? - Stack Overflow

admin管理员组

文章数量:1208155

I created a slider as below,

<input id="brightness" onChange="changeBrightness()" data-slider-id='ex1Slider' type="text"
                    data-slider-min="-100" data-slider-max="100" data-slider-step="2" data-slider-value="0"/>

I need to set value dynamically to this slider. I tried,

$("#brightness").slider('setValue', 8, true);
$("#brightness").slider('refresh');

But this is not working. How can I do it?

I created a slider as below,

<input id="brightness" onChange="changeBrightness()" data-slider-id='ex1Slider' type="text"
                    data-slider-min="-100" data-slider-max="100" data-slider-step="2" data-slider-value="0"/>

I need to set value dynamically to this slider. I tried,

$("#brightness").slider('setValue', 8, true);
$("#brightness").slider('refresh');

But this is not working. How can I do it?

• javascript
• jquery
• twitter-bootstrap
• slider

Share Improve this question Follow edited Nov 2, 2015 at 9:28 Anders 8,5771010 gold badges5959 silver badges9999 bronze badges asked Nov 2, 2015 at 9:26 NidhishNidhish 36111 gold badge33 silver badges1717 bronze badges 2

• 1 Not sure, but I guess $("#brightness").val(8); would set it to 8? – Anders Commented Nov 2, 2015 at 9:27
• Tried it, but not working. – Nidhish Commented Nov 2, 2015 at 9:29

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 8

only $("#brightness").slider('setValue', 8, true);

refresh with initial values $("#brightness").slider('refresh');

Try the following script:

$(window).load(function() {
    $("#brightness").attr('data-slider-value', 8);
    $("#brightness").slider('refresh');
});

Here are a couple of things you could do with the sliders value, dynamically: jsfiddle

var slider = new Slider("#budget-slider-1");
var slider2 = new Slider("#budget-slider-2");

slider.on("change", function(slideEvent) {
  var currentValueSlider2 = slider2.getValue();
  slider2.options.min = 80;
  slider2.setValue(100);
});

本文标签： javascriptDynamically set value of Bootstrap sliderStack Overflow