Jquery:范围滑块:如何获取设置的范围值


Jquery: Range Slider: How to get the set range values?

我想在表单提交后使用 $_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
    });
});

确保滑块中有 isRange: true。如文档中所述:

isRange : 如果这是一个范围选择器,则为 true。如果它是一个范围,隐藏输入的值将被设置为逗号分隔,例如,"25,75"

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

您可以使用 take 两个输入框 首先用于起始范围,第二个用于结束范围并取值。