gogowq
@gogowq
Ozh domosh acha ozh

Как выполнить функцию если выбран определенный select?

У меня есть вот такой вот select
<select name="id:selector" class="wpcf7-form-control" aria-required="true" aria-invalid="false">
<option value="Google">Google</option>
<option value="Facebook">Facebook</option>
<option value="Instagram and MB">Instagram</option>
</select>


Я хочу,когда выбрано option value="Instagram and MB удалить из этого div ->
<div class="form-item another_jeweler d-none">
класс d-none

ps: onchange в select я добавить немогу!
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
DanArst
@DanArst Куратор тега JavaScript
Гриффиндор в моде при любой погоде!
const block = document.querySelector('div.form-item.another_jeweler');
document.querySelector('select[name="id:selector"]').addEventListener('change', function() {
if (this.value == 'Instagram and MB') {
   block.classList.remove('d-none');
} else {
   block.classList.add('d-none');
}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы