Как создать условие в JS на выполнение кода при изменении выбранного элемента из выпадающего списка?

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">
 if (document.getElementById("gorod").options[2].selected=true;){
         $( "#polzunok-1" ).slider({ 
    value: 10;
     }
	  });

 $("#polzunok-1").slider({
     value: 0,
     min: 3,
     max: 50,
     step: 1,
     slide: function(event, ui) {
       $("#amount1").val(ui.value);
       polzunok1Price = ui.value;
       updatePrice();
     }
   });
</script>

Нужно, что бы срабатывал этот кусок кода $( "#polzunok-1" ).slider({ value: 10;} , при выборе конкретного элемента из списка*/

Answer 1

[WapSter]

document.querySelector('#gorod').addEventListener('change', function(e) {
 if(this.options.selectedIndex === 2) {  // при выборе 3 элемента сработает условие
      $( ".selector" ).slider( "option", "value", 10 );
 }
});

Если бы код был в песочнице было проще, а так на счет работоспособности не уверен на вашей стороне.