jQuery - отключить выбор опций

Question

Мне нужна помощь с условием jquery. Я искал и тестировал часами, любая помощь была бы отличной !!!

$(document).ready(function() {
  if ($(".select_red option:selected").attr('disabled', 'disabled').hasClass("red")) {
    $(".select_red").addClass("redtext");
  }
})

$(document).on("change", ".select_red", function() {
  if ($(this).find("option:selected").hasClass("red")) {
    $(this).addClass("redtext");
  } else {
    $(this).removeClass("redtext");
  }
})

.redtext,
.select_red .red {
  color: red
}

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

<label for="cars">Choose a option:</label>
<select class="select_red" disabled>
  <option>--Select--</option>
  <option class="red">one</option>
  <option>two</option>
  <option class="red" selected>three</option>
  <option>four</option>
</select>

Я новичок в jquery и не знаю, правильно ли написан этот код. Я добавил несколько вещей. Проблема: в зависимости от условия, включенное поле выбора будет отключено после выбора параметра с классом «красный». Но после отключения поля выбора цвет не меняется на красный. Спасибо за чтение

Answer 1

Вы должны использовать свой полный Jquery код внутри функции готовности документа

$(function(){
   if($(".select_red option:selected").attr('disabled','disabled').hasClass("red")){
    $(".select_red").addClass("redtext");
      }
      $(document).on("change", ".select_red", function() {
      if($(this).find("option:selected").hasClass("red")){
       $(this).addClass("redtext");
        }else {
        $(this).removeClass("redtext");
       }
       })
})