我已经创建了范围滑块，并且想要php变量中的最小值最大值？

问题描述

我用以下代码创建了一个范围滑块：

HTML：

  <input type="text" class="salary" id="salary" name="salary" style="border:0; color:#f6931f; font-weight:bold;" >
   <div id="slider-range"></div>

JS：

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
 <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
 <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

 <script>
 $(function() {

 $("#slider-range").slider({
  range: true,min: 0,max: 20000,values: [0,3000],slide: function(event,ui) {
  $("#salary").val("Rs. " + ui.values[0] + " - Rs. " + ui.values[1]);
  },stop: function(event,ui) {
  $("#salary").submit();  
  var [min,max] = $("#slider-range").slider("option","values");
  console.log(min);
  //alert(min);
  console.log(max);
  //alert(max);
  },});
});
</script>

我想接收现在在控制台“ console.log（max）;”中接收的“ var [min，max]”值。 ＆“ console.log（min）;”在两个不同的PHP变量中。

就像下面的我一样，要从同一页面上的上述代码中获取价值：

 <?PHP 
  $min_value = 
  $max_value =   
 ?>

选择滚动条值将自动提交。

解决方法

您需要使用values option：$("#slider-range").slider("option","values");

示例：

$(function() {

  $("#slider-range").slider({
    range: true,min: 0,max: 20000,values: [0,3000],slide: function(event,ui) {
      $("#salary").val("Rs. " + ui.values[0] + " - Rs. " + ui.values[1]);
    }
  });
  
  $("#button").click(function(e){
    e.preventDefault();
    // get value
    var [min,max] = $("#slider-range").slider("option","values");
    console.log(min,max);
  });
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<form method="post">
  <input type="text" id="salary" name="salary" class="salary" style="border:0; color:#f6931f; font-weight:bold;">

  <div id="slider-range"></div>

  <button id=button>Get value</button>
</form>