javascript - span - obtener el texto de un label jquery

¿Cómo obtener el valor del control deslizante de arranque?

Question

¿Cómo hacer para que los valores del control deslizante se arranquen en iputs ocultos?

 <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 1

Al momento de escribir, es un poco raro, pero puedes hacer que funcione:

1 / Asegúrese de especificar un rango vacío comenzando "valor [0]". A menos que haga esto, su campo de valor interno queda indefinido, por ejemplo

$(''#setBidDialogSlider'').slider({ value: [0], max: max, step: 0.2, formater: function(v) { return v.toFixed(2)+"BTC" } });

2 / Ahora finalmente puedes ver el valor en el evento

$(''#setBidDialogSlider'').slider().on(''slide'', function(ev) {
    $scope.dialog.order_value = ev.value*$scope.dialog.price;
});

Answer 2

Creo que actualmente está roto.

La documentación dice:

Métodos

.slider (''getValue'')

Obtenga el valor

Sin embargo, al llamar $(''#sliderDivId'').slider(''getValue'') devuelve el selector jQuery en lugar del valor ...

Por ahora, puede $(''#sliderDivId'').data(''slider'').getValue() manualmente del objeto de datos ... $(''#sliderDivId'').data(''slider'').getValue()

Answer 3

El problema es que hay más de 1 elemento con la misma ID (el deslizador div y la entrada dentro del deslizador div ), en este ejemplo $ (''# sliderDivId''). Si selecciona el elemento de entrada con JQuery, puede usar la API del control deslizante.

$(''input[id="sliderDivId"]'').slider(''getValue'')

Answer 4

Sé que llego tarde pero todavía está roto, pero para solucionarlo, abra bootstrap-sliders.js e inyecte estas tres cosas:

el final de la primera función: Slider :

this.calculateValue();

justo antes: return val; en la función calculateValue

grandVal = val;

después de la función $.fn.slider :

$.fn.sliderValue = function(){
    return grandVal;
};
var grandVal;

Ahora puede acceder al valor por $(''#MySliderId'').sliderValue()

Answer 5

puedes usar esto desde la función incorporada

$( "#slider-range-s1" ).slider({
    range: true,
    min: 0,
    max: 500,
    value: [ 0, 500 ]
    slide: function( event, ui ) {
        // u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    },
    change: function(event, ui) {
        // or u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    }
});

y gracias, pensé que podría compartir esto con ustedes: D

Answer 6

solución rápida:

$.fn.slider = function (option, val) {

    if (typeof option == ''string'') {
        if (this.length) {
            var data = this.eq(0).data(''slider'');
            if (data)
                return data[option](val);

            return null;
        }
    }

    return this.each(function () {
        var $this = $(this),
            data = $this.data(''slider''),
            options = typeof option === ''object'' && option;
        if (!data) {
            $this.data(''slider'', (data = new Slider(this, $.extend({}, $.fn.slider.defaults, options))));
        }
    })
};