带有两个处理程序的 jQuery 范围滑块.读取最小值和最大值

jQuery range slider with two handlers. Reading min and max values values

本文关键字：范围 jQuery 读取 最大值 最小值 程序 处理 两个      更新时间：2023-09-26

我正在使用jQuery UI范围滑块，我有两个隐藏的输入来存储滑块的最小值和最大值，以便以后将它们用于PHP查询。但是发生的情况是，我的最小值和最大值变量不存储实际值，而是存储它们之前的值。因此，相对于实际值将有+-1的变化。我想我必须在提交表单之前找到一种方法来更新值。我使用的代码是 

<script>
$(function() {
    $("#slider-range").slider({
        range: true,
        min: 1,
        max: 10,
        values: [ 1, 10 ],
        slide: function( event, ui ) {
            $("#minvalue").val($("#slider-range").slider("values", 0));
            $("#maxvalue").val( $("#slider-range").slider("values", 1));
            $("#amount").val(ui.values[ 0 ] + " - " + ui.values[ 1 ]);          
        }
    });
    $("#amount").val( $("#slider-range").slider("values", 0) +
        " - " + $("#slider-range").slider("values", 1));    
});
</script>
    <input type="hidden" id="minvalue" name="minvalue" />
    <input type="hidden" id="maxvalue" name="maxvalue" />

在这里试试这个：

$(function() {
$("#slider-range").slider({
    range: true,
    min: 1,
    max: 10,
    values: [0, 11],
    slide: function(event, ui) {
        $("#minvalue").val(ui.values[0]);
        $("#maxvalue").val(ui.values[1]);
        $("#amount").val(ui.values[0] + " - " + ui.values[1]);
    }
});
$("#amount").val($("#slider-range").slider("values", 0) + " - " + $("#slider-range").slider("values", 1));
});​
相关文章：