Как отключить select при выбранном option в другом select?

Question

[oliceglad]

<div class="custom__select">
            <!-- MODIFIED добавлен id -->
            <select name="select" id="holiday">
              <option value="1">Да</option>
              <option value="2">Нет</option>
              <option value="3">Доп.нагрузка</option>
            </select>
          </div>
          <div class="custom__select">
            <!-- MODIFIED добавлен id -->
            <select name="select" id="percentage">
              <option value="">0 %</option>
              <option value="">10 %</option>
              <option value="">20 %</option>
              <option value="">30 %</option>
              <option value="">40 %</option>
              <option value="">50 %</option>
            </select>
          </div>

<script src="choices.min.js"></script>

var element = document.querySelectorAll('select');

for (var i = 0; i < element.length; i++) {
  var choices = new Choices(element[i], {
    searchEnabled: false,
    itemSelectText: '',
    placeholder: true,
    placeholderValue: 1,
  });
}

Нужно чтобы при значении value = 1 или 2 в первом селекте второй селект отключался полностью, то есть выбор в нем невозможен. Как это реализовать через js или jquery? Еще одна загвоздка, select стилизован при помощи библиотеки choice.js и селекты обработаны с помощью цикла

Что тогда в этом случае нужно делать?

Answer 1

[Антон Шаманов]

твой случай даже в мануале есть...