Javascript.RU

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

Всем добрый вечер, не стал создавать новую тему, так как вопрос тот же. Добавить условие только уже для третьей кнопки.

Цель: нажатие "Кнопка 3" блокировалось всех кроме 2 3 и 5 option в select.
<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>
    <label class="primary">
        <input data-select="5" type="button">Кнопка 3</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>
    document.querySelectorAll('.group')[0].addEventListener('click', function (e) {
        var elem = e.target;
        if (elem.hasAttribute('data-select')) {
            let select = document.querySelector('#select');
            select.value = elem.getAttribute('data-select');

            let options = document.querySelectorAll('#select option');
            
            if (select.value == 4) {
                options.forEach(el => el.disabled = false);
            }
            else options.forEach(el => el.disabled = (el.value !== select.value ? true : false));
        }
      select.dispatchEvent(new Event('change'));
    });
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
select - большое количество option kot_k_k (X)HTML/CSS 3 08.09.2017 16:34
Содержимое option по клику на select wwonder Общие вопросы Javascript 5 18.04.2017 14:12
Значение из select option vnmslf jQuery 19 21.07.2016 12:09
Java Script, совместная работа textarea с select option Алекс_ Элементы интерфейса 1 12.05.2015 08:13
Динамические option в select lurii Элементы интерфейса 10 14.01.2011 11:23