Показать сообщение отдельно
  #1 (permalink)  
Старый 25.11.2018, 15:29
Новичок на форуме
Отправить личное сообщение для olegan4eg88 Посмотреть профиль Найти все сообщения от olegan4eg88
 
Регистрация: 25.11.2018
Сообщений: 9

снятие заблокированных option в select
Народ помогите добавить условие, чтоб при нажатии "Кнопка 2", не блокировался список select. Но "Кнопка 2" работала в прежнем режиме.
Код:
<div class="group">
<label class="primary">
<input data-select="3" type="button">Кнопка 1</label>
<label class="primary">
<input data-select="4" type="button">Кнопка 2</label>
</div>
     <select id="select">
        <option value="1">Выбор пункта 1</option>
        <option value="2">Выбор пункта 2</option>
        <option value="3">Выбор пункта 3</option>
        <option value="4">Выбор пункта 4</option>
        <option value="5">Выбор пункта 5</option>
        <option value="6" checked >Выбор пункта 6</option>
</select>
<script type="text/javascript">
 document.getElementsByClassName('group')[0].addEventListener('click', function(evt) {
    var elem = evt.target;
    if (elem.hasAttribute('data-select')) {
      let select = document.getElementById('select');
      select.value = elem.getAttribute('data-select');
      
      let options = select.getElementsByTagName('option');
      
      Array.from(options, (option, i) => options[i].disabled = (option.value !== select.value ? true : false));

      
      var elem = document.getElementById('select');
      var event = new Event('change');
      elem.dispatchEvent(event);
    }

  }, false);
</script>
Ответить с цитированием