如何在用户每次更改时获取选择器的值答案

【问题标题】：How can i obtain the value of the selector at each change by the user如何在用户每次更改时获取选择器的值
【发布时间】：2019-02-24 20:28:46
【问题描述】：

我想知道每次用户点击一个值时如何获取选择器的值。

这样做的目的是将变量传递给 php 并影响 javascript 中的另一个变量。

我看到documentation here在谈论OnChange，但我完全不明白。

var custom_values = [100, 200, 300, 400, 500];
var my_from = custom_values.indexOf(100);
var my_to = custom_values.indexOf(500);

$(".js-range-slider").ionRangeSlider({
  grid: true,
  from: my_from,
  to: my_to,
  values: custom_values,
  min: 0,
  postfix: "BRO",
  onChange: function(data) {
    console.dir(data);
  }
});

<!--Plugin CSS file with desired skin-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/css/ion.rangeSlider.min.css" />

<!--jQuery-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!--Plugin JavaScript file-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/js/ion.rangeSlider.min.js"></script>

<input type="text" class="js-range-slider" name="my_range" value="" />

【问题讨论】：

标签： javascript jquery select parameter-passing

【解决方案1】：

试试这个

$(".js-range-slider").on("change", function () {
    var $inp = $(this);
    var from = $inp.prop("value"); // reading input value
    var from2 = $inp.data("from"); // reading input data-from attribute

    console.log(from, from2); // FROM value
});

【讨论】：

哦该死，这已经工作了很长时间，它在控制台中，我累了..感谢确认与我看到的相同的代码:)

【解决方案2】：

您必须将更改事件处理程序绑定到滑块，如下所示。

$(".js-range-slider").on("change", function () {
    // Do whatever you want here
});

更多信息参见 Jquery 文档 https://api.jquery.com/change/

【讨论】：

也谢谢 :) （没有按钮可以确认第一个答案..）
您可以在否决按钮下方查看以接受答案