Question

I’m trying to implement Jquery UI Slider with ranges.
However, I can’t seem to find any two variables to get values from this:

    $( "#entrance-price" ).slider({
    range: true,
    min: 0,
    max: 500,
    values: [ 0, 500 ],
    slide: function( event, ui ) {
        $( "#entrance-price-amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
    }
});
$( "#entrance-price-amount" ).val( "$" + $( "#entrance-price" ).slider( "values", 0 ) +
    " - $" + $( "#entrance-price" ).slider( "values", 1 ) );

Normally, I would do

var From = $("#from").val();
var To = $("#to").val();

But here it seems there is #entrance-price0 and #entrance-price1.
How would I go about getting these two values? Thanks!

Answer 1

Do you mean this?

var from = $("#entrance-price").slider("values", 0);
var to   = $("#entrance-price").slider("values", 1);