如何获取双数范围选择器的选定值

Question

我正在为我的 php 项目使用此范围选择器，因此数据库中存储了 0 到 100 之间的选定范围值。

当页面加载时，我要在范围选择器中设置该数据库值，在提交按钮之后，我要在我的数据库中保存 0 到 100 之间的选定范围

如何在范围选择器中获取和设置范围值。

html

<div class="wrapper" style="width: 400px; margin: 100px auto; padding: 40px;">
  <div id="double_number_range" style="margin-top: 50px;"></div>
  <input type="submit">
</div>

js

(function() {
  "use strict";
  $("#double_number_range").rangepicker({
    type: "double",
    startValue: 0,
    endValue: 100,
    translateSelectLabel: function(currentPosition, totalPosition) {
      return parseInt(100 * (currentPosition / totalPosition));
    }
  });
}());

fiddle

Answer 1

可能会有更好的解决方案，例如使用回调函数，但您也可以使用以下代码：

$("input[type=submit]").on('click', function() {
  var minValue = parseInt($('span.label.select-label:eq(1)').text(), 10);
  var maxValue = parseInt($('span.label.select-label:eq(0)').text(), 10);
  console.log(minValue, maxValue);
});

jsfiddle

如何获取双数范围选择器的选定值

How to get selected value of double number range picker

javascript

jquery

jquery-plugins