0

jQuery UI レンジ スライダーを使用しています。後で PHP クエリに使用できるように、スライダーの最小値と最大値を格納する 2 つの非表示の入力があります。しかし、何が起こるかというと、私の最小値と最大値の変数は実際の値ではなく、その前の値を格納します。したがって、実際の値に対して +-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" />
4

1 に答える 1

1

ここでこれを試してください：

$(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));

});​
于 2012-05-27T16:05:41.593 に答える