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

Question

[gogowq]

У меня есть вот такой вот 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 я добавить немогу!

Comments

[Алексей Илларионов]

А JS можете писать?

[gogowq]

Алексей Илларионов, этот селект генерируется плагином

[Сергей Сергей]

(function f( s, v, d, c ) {
  const se = document.querySelector( s );
  const de = document.querySelector( d );
  if( se.selectedOptions[0].value === v ) {
    de.classList.remove( c );
  }else{
    setTimeout( f, 500, s, v, d, c );
  }
})('.wpcf7-form-control', 'Instagram and MB', '.form-item.another_jeweler.d-none', 'd-none');

Answer 1

[Danny Arty]

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');
}
});

Comments

[gogowq]

good!thx!