2016-03-07 184 views
0

我想在表单提交后使用$ _POST获取设置的范围值。问题是当范围设置为10 - 25时,值10是唯一的值。Jquery:范围滑块:如何获取设置的范围值?

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 
    }); 
}); 

回答

0

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

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

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

+0

是的,我isRange设置为true我下一步该怎么办? –

0

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