@Mixail01

Как переключать элементы списка при смещении ползунка, с достижением конкретного значения?

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <select name="gorod" id="gorod" data-options="500" data-option="0" data-name="Тарифы">
        <option value="95" name="Промо" id="promo"> Промо </option>
        <option value="194" name="Стартовый" id="starter">Стартовый</option>
        <option value="387" name="Бизнес" id="biznes">Бизнес</option>
        <option value="618" name="Корпоративный" id="coop">Корпоративный</option>
        <option value="3300" name="Колл-центр" id="callcentr">Колл-центр</option>
    </select>


    <script type="text/javascript">

 $("#gorod").change(function(e) {
  if (this.options[0].selected) {
    $("#polzunok-1").slider({
      value: 3
    });
  }
});

   $("#gorod").change(function(e) {
  if (this.options[1].selected) {
    $("#polzunok-1").slider({
      value: 5

    });
  }
});



    $("#gorod").change(function(e) {
  if (this.options[2].selected) {
    $("#polzunok-1").slider({
      value: 10
    });
  }
});

   $("#gorod").change(function(e) {
  if (this.options[3].selected) {
    $("#polzunok-1").slider({
      value: 20
    });
  }
});

  $("#gorod").change(function(e) {
  if (this.options[4].selected) {
    $("#polzunok-1").slider({
      value: 30
    });
  }
});


Нужно, чтобы переключался элемент из списка при достижении ползунка значения этого элемента из списка. Например: Если 1 "Промо" начинается со значения 3, то на 5 уже должен выбраться 2 элемент списка и тд.

$("#gorod").change(function(e) {
if (this.options[0].selected) {
$("#polzunok-1").slider({
value: 3
});
}
});
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы