Ik heb een probleempje met de waarden uitlezen van een slider, gegenereerd met jQuery.
Binnen de pagina heb ik o.a. checkboxes, selects en deze slider om de zoekresultaten op de pagina aan te passen / verfijnen. Deze waarden worden middels jQuery doorgegeven aan een php pagina waarop vervolgens de querys worden gedraaid.

De waarden van de slider stop ik in de variabele price_slider. De slider zelf werkt, maar zodra ik de checkboxes of select ga gebruiken is de waarde van price_slider leeg?

Ik wil graag dat bij het inladen van de pagina deze variabele gezet word met de waarden van de slider en dat ik deze variabele ook mee kan geven bij het wijzigen van de checkboxes en selects.

Graag jullie meningen / advies. Bij voorbaat dank!

Code:

// Priceslider
function initSlider(){
    $("#Filter_Min").val("\u20ac" + $("#slider_range").slider("values", 0));
    $("#Filter_Max").val("\u20ac" + $("#slider_range").slider("values", 1));
}

$("#slider_range").slider({
    orientation: "horizontal",
    range: true,
    step: 10, 
    min: 0,
    max: 1000,
    values: [0, 1000],
    change: function(event, ui) { 
        initSlider();
        //var price_slider             = ui.values[0] + "-" +ui.values[1];
        var price_slider               = $("#slider_range").slider("values", 0) + "-" + $("#slider_range").slider("values", 1);
        var product_categories_q       = $('#product_categories_q').val();
        var product_categories_filter  = $("select option:selected").val();
        $('.loading').show();
        $.ajax({
            type:"POST",
            url: "product_categories_results.php",
            cache:false,
            data: "product_categories_q=" + product_categories_q + "&product_categories_filter=" + product_categories_filter + "&product_brand_filter=" + brands + "&product_description_filter=" + descriptions + "&product_price_filter=" + price_slider,
            success: function(data){
                $('#subcategoriesRightWrapperContent').html(data);
                $('.loading').hide();
            }
        });    
        alert(price_slider);
    },
    slide: function(event, ui) {
        initSlider();
    }
});

initSlider();