как вызвать событие изменения при выборе значения программным путем

Question

Итак, используя чистый Javascript и DOM:

const select = document.querySelector('#my-select')

select.addEventListener('change', function(){
  console.log('changed', this.value)
})

select.value = 'some value from an existing option'
// this changes the select correctly, but it doesn't trigger the event

Есть ли способ правильно сделать это, без jQuery?

Answer 1

Вы можете принудительно вызвать событие изменения следующим образом:

select.dispatchEvent(new Event('change'));