Question

我希望在表单提交后使用$ _POST获取设置范围值。问题是当范围设置为10 - 25时，值10是唯一得到的值。

if(isset($_POST['btn_submit']))
{
   $value = $_POST['get'];
   echo "<script> alert($value) </script>";
}

<form method="post">
    <input class="range-slider" type="hidden" name="get"/>
    <input type="submit" value="Submit" name="btn_submit">
</form>

  $(document).ready(function(){
    $('.single-slider').jRange({
        from: -2.0,
        to: 2.0,
        step: 0.5,
        scale: [-2.0,-1.0,0.0,1.0,2.0],
        format: '%s',
        width: 300,
        showLabels: true,
        snap: true
    });

    $('.range-slider').jRange({
        from: 0,
        to: 100,
        step: 1,
        scale: [0,25,50,75,100],
        format: '%s',
        width: 300,
        showLabels: true,
        isRange : true
    });
});

Answer 1

确保滑块中的isRange：true。如上所述in the docs:

isRange：如果这是范围选择器，则为True。如果是一个范围，则隐藏输入的值将以逗号分隔，例如＆＃34; 25,75＆＃34;

如果isRange设置为true，您应该获得两个值。

Answer 2

你可以使用两个输入框首先用于起始范围，第二个用于结束范围和取值。

Jquery：Range Slider：如何获取设定的范围值？

2 个答案: