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

Question

[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
});
}
});

Comments

[Вадим]

Какой ползунок? Общая прокрутка страницы? Или прокрутка внутри select, когда отображаются опции?
Кажется мне, что Вы хотите нажимать на селект, прокручивать опции и чтобы по мере прокрутке значение в селекте менялось?
Если да, то есть 2 проблемы. 1) Если опций будет мало, то не будет прокрутки, как тогда? и 2)на нативном селекте так не выйдет.
В идеале конечно если бы Вы воссоздали ваш пример в песочнице.
P.s. зачем Вы наплодили столько обработчиков change? Сделайте один и в нём проверяйте какая опция выбрана. И ссылку на $('#polzunok-1') сохраните в переменную, чтобы не обращаться к ней каждый раз. $() - поиск в DOM`e. Это не самая производительная операция.