CODEWITHSUNDEEP
javascripttwitter-bootstrapslider
Diadara
Diadara

Reputation: 591

how to use getValue for bootstrap slider?

I am using this http://www.eyecon.ro/bootstrap-slider/ for a slider in a page I am working on,I don't understand the api. Can someone help me with this ?

$(..).slider('getValue')

returns the dom element while I saw this in the code

$(..).slider().getValue()

which returns a method not found error. I am aware of the .slide event which can be used for this,but how do you access the value directly ?

Upvotes: 2

Views: 16181

Answers (5)

DXB-DEV
DXB-DEV

Reputation: 579

This should work in bootstrap5:

<input type="range" id="slider1" class="form-range" min="1" max="10" step="0.5" value="7" />

<span id="slider1_val"></span>

$("#slider1").on("change", function() {
    $("#slider1_val").text($('#slider1').val());
});

Upvotes: 0

Igor Krupitsky
Igor Krupitsky

Reputation: 885

$('#idSlider').data('slider').getValue();

Upvotes: 0

Alaa M. Jaddou
Alaa M. Jaddou

Reputation: 1189

you can use this from the built in function 

$("#rating").slider({
    change: function( event, ui ) {
        userRating = ui.value;
        // this will give you the real value of the slider after the change.
        alert(userRating); 
    }
});

and thank you i thought i coud share this with you guys :D

Upvotes: 0

Narendran Parivallal
Narendran Parivallal

Reputation: 1130

The slider is technically a text input field.

So you can simply use $("#inputFieldID").val()

This will not provide any value until the slider is moved. So specify the initial value using the value attribute of the input tag.

Upvotes: 3

DejanG
DejanG

Reputation: 525

I'am using it this way

<input type="text" id="slider1" class="span2 slider" value="80" data-slider-min="50" data-slider-max="90" data-slider-step="0.1" data-slider-value="83"  data-slider-selection="after" data-slider-tooltip="hide">
 $('.slider').on('slide', function (ev) {
        console.log($('#slider1').val());


    });

So I access value with $('#slider1').val(). I hope this is going to be helpful

Upvotes: 12

Related Questions