Jquery：範圍滑塊：如何獲取設置的範圍值？

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：如果這是一個範圍選擇器，則爲真。如果其範圍隱藏輸入的值將被設置爲逗號分隔，例如「25,75」

如果isRange設置爲true，您應該得到兩個值。

Answer 2

您可以使用兩個輸入框首先用於開始範圍，第二個用於結束範圍並取值。