Как я могу получить значение селектора при каждом изменении пользователем

Question

Я хотел бы знать, как получать значение селектора каждый раз, когда пользователь нажимает на значение.

Цель этого - передать переменную в php и повлиять на другую вjavascript.

Я вижу документацию здесь , говорящую о 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="" />

Answer 1

Вы должны привязать обработчик события изменения к ползунку следующим образом.

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

для получения дополнительной информации см. Документацию Jquery https://api.jquery.com/change/

Answer 2

Попробуйте это

$(".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
});